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 javascript : Sélectionner tout - Visualiser dans une fenêtre à part
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 html : Sélectionner tout - Visualiser dans une fenêtre à part
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>