呼喚遠方
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';
}
添加回答
舉報
0/150
提交
取消