JavaScript 根據輸入值動態切換圖片與表格行顯示

需求

輸入框默認 500，顯示 1.png 和完整表格。輸入 < 500 時切換為 2.png 並隱藏最後一行 (id="tr1")。

實現代碼

<input id="input1" type="text" value="500" />
<button onclick="calc()">計算</button>
<img id="img1" src="1.png" />
<table id="dataTable" border="1">
  <tr><td>A</td><td>B</td></tr>
  <tr><td>C</td><td>D</td></tr>
  <tr id="tr1"><td>E</td><td>F</td></tr>
</table>

<script>
function calc() {
    var v = parseInt(document.getElementById('input1').value) || 0;
    var img = document.getElementById('img1');
    var row = document.getElementById('tr1');
    if (v < 500) {
        img.src = '2.png';
        row.style.display = 'none';
    } else {
        img.src = '1.png';
        row.style.display = '';
    }
}
</script>

優化

• 使用 input 事件實時響應：input1.oninput = calc。
• 三元運算符簡化：img.src = v<500 ? '2.png' : '1.png'; row.style.display = v<500 ? 'none' : '';