Q&A
前提
JavaScriptを使用して貯金アプリを作成しています。
目標金額に対しての貯金額の割合で背景の木が成長するシステムを実装したいのですが、うまく動きません。
実現したいこと
- 背景画像を計算結果に合わせて変更する
発生している問題・エラーメッセージ
エラーメッセージ
背景画像が変わりません。
エラーメッセージさえ出ません。
該当のソースコード
<script> function keisan() { var mokuhyou = document.getElementById("mokuhyou").value; var tyokingaku = document.getElementById("tyokingaku").value; var nokori = mokuhyou - tyokingaku; document.getElementById("nokori").innerHTML = "目標まで" + nokori + "円です"; } function wariai() { if(nokori <= mokuhyou * 0.25) { document.getElementById='(/images/number_1.png)'; } else if(nokori > mokuhyou * 0.25 && nokori <= mokuhyou * 0.5) { document.getElementById='(/images/number_2.png)'; } else if(nokori > mokuhyou * 0.5 && nokori <= mokuhyou * 0.75) { document.getElementById='(/images/number_3.png)'; } else if(nokori > mokuhyou * 0.75 && nokori <= mokuhyou * 0.99) { document.getElementById='(/images/number_4.png)'; } else { document.getElementById='(/images/number_5.png)'; } } </script> <header> </header> </head> <body background="images/number_1.png"> <h1>money tree</h1> <div class="tyokin" align="center"> 目標金額:<input type="text" value="" id="mokuhyou" placeholder="金額">円<br/> 現在の貯金額:<input type="text" value="" id="tyokingaku" placeholder="金額">円<br/> <button onclick="keisan()" >計算</button> <button onclick="wariai()" >水やり</button> <p id="nokori"></p> <img id="icon" src=""> </div>
試したこと
background_imageなども使用してみようとしたのですが、よく分からず断念しました。
下記のような回答は推奨されていません。
このような回答には修正を依頼しましょう。
2022/12/06 01:12
2022/12/06 01:33
2022/12/06 01:35
2022/12/06 02:00
2022/12/06 02:05
2022/12/07 01:42
2022/12/07 02:56
2022/12/13 03:17
2022/12/13 03:45