2017-10-27 3 views
-2

私は最初のJSプロジェクトとして予定リストを作成しています。リストを作成するJSプロジェクト:「Enter」を押したときにリスト項目を追加しようとしました

私は検索ボックスを持っています。人々は提出を押してリストアイテムを提出できますが、入力するものは何でも入力するだけでリストアイテムを追加できます。

コードはどのように表示されますか?

+0

は、あなたがこれまでに何をやったか追加してください – Observer

+0

_Whatコードは次のようになります...私は、任意のコードがあると_と思いませんか? ... – F0XS

+0

*「検索ボックスがあり、人々が提出してリストアイテムを送信できます」* - 何かが存在するように見えます – Observer

答えて

0

提出タグにid属性、「ID =」newItem」のような何かを与える。

は次にJavaScriptで、getElementByIdをを(使用して、そのボタンのIDを取得)し、それを変数に格納します。イベントリスナーを追加します。変数にして、2番目のパラメータとしての機能を追加します。

let newItem = document.getElementById('newItem') 

newItem.addEventListener('keypress', function(e) { 
    e.preventDefault(); 
    if (e.keyCode === 13) { 

     // create new list item and append to ul 

    } 
}) 
関連する問題