gpt4 book ai didi

javascript - 当用户在文本框中输入内容时替换段落中的文本

转载 作者:行者123 更新时间:2023-12-01 00:02:25 25 4
gpt4 key购买 nike

当我在文本框中输入内容并提交时,我试图更改段落标记中的文本。例如,如果该段落说“橙色”,并且如果我在框中输入“橙色”,它会更改为“橙色很棒。”

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()" />

最佳答案

只需添加一个 if block 来检查值是否是苹果或橙色或其他内容,然后更新段落


<html lang="en">
<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>

关于javascript - 当用户在文本框中输入内容时替换段落中的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60628048/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com