當我在文本框中輸入內容并提交時，我試圖更改段落標記中的文本。例如，如果該段落說“橙色”，并且如果我在框中輸入“橙色”，它會更改為“橙色很棒”。function changeText() { let lbl = document.getElementById('change'); let empName = document.getElementById('textbox').value; lbl.innerText = empName;}<p id="change">Apple or Orange?</p><input type="text" id="textbox" /><input type="button" value="Submit" onclick="changeText()" />
1 回答
慕的地8271018
TA貢獻1796條經驗 獲得超4個贊
只需添加一個 if 塊來檢查值是否是蘋果或橙色或其他內容，然后更新段落
<html>
<link rel="stylesheet" href="styles.css">
<title>Apple or Oranges</title>
<body>
<p id="change"> Apple or Orange?
</p>
<input type="text" id="textbox"/>
<input type="button" value="Submit" onclick="changeText()" />
<script>
function changeText() {
let lbl = document.getElementById('change');
let empName = document.getElementById('textbox').value;
if (
empName.toUpperCase() === 'APPLE' ||
empName.toUpperCase() === 'APPLES' ||
empName.toUpperCase() === 'ORANGE' ||
empName.toUpperCase() === 'ORANGES'
) {
empName += " are awesome"
}
lbl.innerText = empName;
}
</script>
</body>
</html>
- 1 回答
- 0 關注
- 131 瀏覽
添加回答
舉報
0/150
提交
取消