Q&A
回答ありがとうございます！
編集される前に読んだので試して見たのですが、なぜかは分かりませんが.Valueでも行けました。
回答ありがとうございます！
JavaScriptで入力されているものが一致しているかを判定したいです。
取得した要素をNumber()で数字に変換しているはずなのですが
その他ですと表示されてしまいます。
どこが問題がどなたか教えていただけますでしょうか？
html
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="UTF-8"> 5 <title>数字判定</title> 6</head> 7<body> 8 <h1>ここに数字が表示されます</h1> 9 <button id="btn">判定ボタン</button> 10 <div id="num">10</div> 11 <script type="text/javascript" src="evenodd.js"></script> 12</body> 13</html>
javascript
1const checkBtn = document.getElementById('btn'); 2checkBtn.addEventListener('click',()=>{ 3 const newNumber = Number(document.getElementById('num')); 4 5 if (newNumber == 10 ){ 6 alert('入力されているのは10です'); 7 }else (alert('その他です')); 8 9 }); 10
回答2件
0
ベストアンサー
const newNumber = Number(document.getElementById('num'));
getElementById() の戻り値の型はElementで、数値に変換することはできません。"10" を入手するには、textContent プロパティを読みます。
javascript
1 const newNumber = Number(document.getElementById('num').textContent);
投稿2021/02/03 00:02
総合スコア21679
0
値を取りたいのであれば、document.getElementById('num').textContentとしましょう。
Number(document.getElementById('num'))では、「<div>要素そのものを数値に変換する」ということになってしまい、正常に動作しません。
※ 読み間違いがあったので修正しました。
投稿2021/02/03 00:00
編集2021/02/03 00:10
総合スコア145975
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/02/03 00:13