Récupérer la valeur d'un INPUT text
Bonjours a vous les amis, je tourne en rond depuis un bon moment c'est presque ridicule....
je n'arrive pas a récupérer la valeur saisie dans le input de ligne 6 de mon html.
l'utilisateur doit écrire un mot, il appuis sur la touche Enter et à se moment le mot entré par l'utilisateur doit être insérer dans un li.
présentement tout ce que je suis capable de faire c'est quand j'appuie sur la touche entrer du clavier le message que j'ai inséré a la ligne 19 est affiché. (étant donné que je n'est pas la valeur récupéré mes test ne peut pas aller plus loin)
j'essais de faire ceci : https://infoo.herokuapp.com/course/j..._liste_courses
Code javaScript
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
"use strict"
console.log(jQuery.fn.jquery);
// input bouton
let input = $("input");
console.log(input);
// recuperation du Ul via sont id liste
let liste = $("#liste");
console.log(liste);
let zone_saisie = $("input[type='text']");
input.on("keydown", function (evt) {
if (evt.which == 13) { // Code ASCII de la touche Entrée
liste.append('<li><a> les saisie du input doit etre ici. </a></li>').last()
}
}); |
Code:
1
2
3
4
5
6
7
8
9
10
11
12
|
<!DOCTYPE html>
<html>
<body>
<h2>jquery Liste des courses</h2>
<input type="text" id="zone_saisie" name="zone_saisie" value=""><br>
<ul id="liste"></ul>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="script/main.js"></script>
</body>
</html> |
