前提・実現したいこと
javascriptを始めたばかりの初心者です。
やりたいこととしては
・入力フォームに入れた数字に対応して文字の出しわけを行いたい
・出しわけをした文字は、HTML内の「最初の文字」と切り替えて出したい
・innerHTMLもしくはinnerTEXTを利用して実装したい
です
「送信」ボタンを押下するとコンソールに以下のエラーメッセージが発生しました。
発生している問題・エラーメッセージ
Uncaught TypeError: Cannot create property 'innerHTML' on string '100' at getValue at HTMLInputElement.onclick
該当のソースコード
HTML
1 <body> 2<div id="mydiv"> 3 <h1>最初の文字</h1> 4</div> 5 6<input type="text" id="text" placeholder="入力する"> 7<input type="button" value="送信" onclick="getValue('text')"> 8 </body>
javasuript
1function getValue(text){ 2 var score = document.getElementById(text).value; 3 var mydiv = document.getElementById("score"); 4 score.innerHTML = "mydiv"; 5if (0 <= score && score <= 100 ) { 6 ("100以内".bold().fontcolor("red") 7} else { 8 ("100以外".bold().fontcolor("blue"))
試したこと
if文のところに「document.write」を入れて表示の出しわけができることは確認しています。
入力した数字での表示置き換えについては、上記のエラーメッセージが表示されて成功していません
if (0 <= score && score <= 100 ) {
document.write("100以内".bold().fontcolor("red")
} else {
document.write("100以外".bold().fontcolor("blue"))
補足情報(FW/ツールのバージョンなど)
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/04/14 14:26