【js】変数に「-」は使えない
javascriptやphpでは変数に「-」は使えない。
マイナスとまざるから。
NG
<body> <h1>フォーム基礎</h1> <form action="#" id="form"> <input type="text" name="player-name" placeholder="プレイヤーの名前を入力してください"> <input type="submit" name="search-btn" value="検索"> </form> <p id="output"></p> <script> //submitがクリックされたとき「player-name」の値を取得 document.getElementById('form').onsubmit = function(){ let player_name = document.getElementById('form').player-name.value; document.getElementById('output').textContent = player_name + 'を検索中・・・'; return false; } </script> </body>
OK
<body> <h1>フォーム基礎</h1> <form action="#" id="form"> <input type="text" name="playerName" placeholder="プレイヤーの名前を入力してください"> <input type="submit" name="search-btn" value="検索"> </form> <p id="output"></p> <script> //submitがクリックされたとき「playerName」の値を取得 document.getElementById('form').onsubmit = function(){ let player_name = document.getElementById('form').playerName.value; document.getElementById('output').textContent = player_name + 'を検索中・・・'; return false; } </script> </body>
