亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何根據 javascript 中的條件一次顯示一張圖像?

如何根據 javascript 中的條件一次顯示一張圖像?

呼喚遠方 2023-09-28 09:40:45
我的網頁正在執行它應該執行的操作,但是,我希望再次單擊按鈕后結果圖像就會消失。它目前所做的,是留下上一個結果中的圖像,而只顯示下一個結果中的圖像,這使得它變得混亂,它基本上只是堆積在圖像上。我只想一次顯示一張圖像。請幫忙!這就是正在發生的事情:這就是我想要發生的事情(一次一張圖像):HTML:<form>        <ul>            <li>                <label for="firstDegree">First Degree:</label>                <input type="number" id="firstDegree">            </li>            <li>                <label for="secondDegree">Second Degree:</label>                <input type="number" id="secondDegree">            </li>            <li>                <button type="submit" id="button" onclick="missingAngle();">Enter</button>            </li>        </ul>    </form>    <h2 id="result"></h2>    <img src="images/acute-triangle.png" id="acute-triangle" style="display:none;">    <img src="images/right-triangle.png" id="right-triangle" style="display:none;">    <img src="images/obtuse-triangle.png" id="obtuse-triangle" style="display:none;">JS:function missingAngle(firstDegree, secondDegree) {    var firstDegree = parseInt(document.getElementById('firstDegree').value);    var secondDegree = parseInt(document.getElementById('secondDegree').value);    document.getElementById('result').innerHTML =        (firstDegree + secondDegree > 180) ? 'Sorry, not a triangle.' :        (firstDegree + secondDegree > 90) ? 'The missing angle is an acute angle.' :        (firstDegree + secondDegree === 90) ? 'The missing angle is a right angle.' :        (firstDegree + secondDegree < 90) ? 'The missing angle is an obtuse angle.' :        null;    event.preventDefault();    if (firstDegree + secondDegree > 90) {        document.getElementById('acute-triangle').style.display = 'block';    } else if (firstDegree + secondDegree === 90) {        document.getElementById('right-triangle').style.display = 'block';    } else if (firstDegree + secondDegree < 90) {        document.getElementById('obtuse-triangle').style.display = 'block';    }}
查看完整描述

1 回答

?
人到中年有點甜

TA貢獻1895條經驗 獲得超7個贊

發生的情況是,您顯示了圖像,但后來您沒有使其消失。嘗試這個:


document.getElementById('right-triangle').style.display = 'none';

document.getElementById('obtuse-triangle').style.display = 'none';

document.getElementById('acute-triangle').style.display = 'none';

首先我將全部設置為dyplay:none; 稍后你只需要顯示一個:


document.getElementById('right-triangle').style.display = 'none';

document.getElementById('obtuse-triangle').style.display = 'none';

document.getElementById('acute-triangle').style.display = 'none';

if (firstDegree + secondDegree > 90) {

document.getElementById('acute-triangle').style.display = 'block';


查看完整回答
反對 回復 2023-09-28
  • 1 回答
  • 0 關注
  • 151 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號