Q&A
前提・実現したいこと
入力した値を取得し計算（掛け算のみ）
ここに質問の内容を詳しく書いてください。
jsで計算(掛け算のみ)アプリを作っています。
入力値が取得できず困っています
発生している問題・エラーメッセージ
エラーメッセージ
該当のソースコード
javascript
1<!DOCTYPE html> 2<html> 3<head> 4 <meta charset="utf-8" /> 5 <title>calculation</title> 6</head> 7<body> 8 <input id="n1"> 9 <span>x</span> 10 <input id="n2"> 11 <p>=</p> 12 <span id="result"></span> 13 <p><input type="button" value="計算実行" onclick="calc();"/></p> 14<script> 15 const num1 = document.getElementById('n1').textContent; 16 const num2 = document.getElementById('n2').textContent; 17 //console.log(num1); 18 //console.log(num2); 19 function calc(num1,num2) { 20 return num1 * num2; 21 } 22</script> 23</body> 24</html>
試したこと
値が取得できているかコンソールに出力
補足情報（FW/ツールのバージョンなど）
ここにより詳細な情報を記載してください。
値の取得以外にもコードでおかしい点がありましたら、是非指摘していただけたらと思います
回答1件
0
ベストアンサー
getElementById()は
「計算実行を押したとき」ではなくあくまで「通ったとき」に実行されています。
押したときに改めてとらないとそのときの値になりません。
また、textContentだと、「その要素内に含まれる情報」をとるので、例えば<p>test</p>であればtestがとれます。
inputタグで入力された情報はvalue属性の属性値になるので.valueを参照してください。
投稿2020/06/07 09:40
総合スコア80875
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/06/07 12:17
2020/06/07 21:44
2020/06/08 18:05