Q&A
前提・実現したいこと
Javascriptを初めてまだ数時間のレベルで基本的なこともわかっていないのですが、現在ブラウザ上のフォームに入力された数字を取得し、Javascriptで計算してその値をブラウザ上に表示するようなサイトを作ってみたいと考えています。
そのために、フォームに入力された数値を送信ボタンを押した際に、Chromeのconsoleに表示させたいのですがうまくいきません。
発生している問題・エラーメッセージ
フォームに入力された値をqueryselectordeで取得し、console.logを使ってその値をChromeのconsole上に出力してみたのですが何も表示されません。
該当のソースコード
Javascript
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="utf-8"> 5</head> 6<body> 7 <form id="form"> 8 <input type="text" id="text"> 9 <input type="submit" value="送信"> 10 </form> 11 12 <script type="text/javascript"> 13 window.addEventListener('DOMcontentloaded', e =>{ 14 let elform = document.querySelector("#form"); 15 let eltext = document.querySelector("#text"); 16 elform.addEventListener('submit', e =>{ 17 console.log(eltext.value); 18 e.preventDefault(); 19 }); 20 }); 21 </script> 22 23</body> 24</html> 25 26
試したこと
Chromeでデバック
補足情報（FW/ツールのバージョンなど）
ここにより詳細な情報を記載してください。
回答1件
0
ベストアンサー
js
1 window.addEventListener('DOMcontentloaded', e =>{
DOMContentLoaded です。
投稿2021/04/16 07:17
総合スコア21695
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/04/16 07:24