Javascript 尝试学习组合表单和脚本以影响我的页面 JS-Bin 占位符输入单词让actualWord=document.getElementById（'word'）；如果（实际单词==‘是’）{ document.querySelector（'h1'）.innerHTML=“噢，耶”； }否则{ document.querySelector（'h1'）.innerHTML=“error”； }_Javascript_Html

Javascript 尝试学习组合表单和脚本以影响我的页面 JS-Bin 占位符输入单词让actualWord=document.getElementById（'word'）；如果（实际单词==‘是’）{ document.querySelector（'h1'）.innerHTML=“噢，耶”； }否则{ document.querySelector（'h1'）.innerHTML=“error”； }

javascript html

Javascript 尝试学习组合表单和脚本以影响我的页面 JS-Bin 占位符输入单词让actualWord=document.getElementById（'word'）；如果（实际单词==‘是’）{ document.querySelector（'h1'）.innerHTML=“噢，耶”； }否则{ document.querySelector（'h1'）.innerHTML=“error”； },javascript,html,Javascript,Html,我对编码的世界非常陌生，我希望有人能帮我做一个“简单”的测试如果用户在表单中键入“是”，我希望此HTML代码将屏幕顶部的“占位符”文本替换为“哦，是的” 我希望有人能告诉我我做错了什么，或者给我指出正确的方向 1。您需要监听表单提交事件并触发一个函数 HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="wid

我对编码的世界非常陌生，我希望有人能帮我做一个“简单”的测试

如果用户在表单中键入“是”，我希望此HTML代码将屏幕顶部的“占位符”文本替换为“哦，是的”

我希望有人能告诉我我做错了什么，或者给我指出正确的方向

1。您需要监听表单提交事件并触发一个函数

HTML

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <h1>placeholder</h1>
  <form method="get">
    <label for="word">enter word</label>
    <input id="word" name="word" type="text" maxlength="15">
    <input type="submit">
  </form>
  <script type="text/javascript">
    let actualWord = document.getElementById('word');
    if (actualWord === 'yes') {
     document.querySelector('h1').innerHTML = "oh yeah";
    } else {
      document.querySelector('h1').innerHTML = "error";
    }
  </script>
</body>
</html>

2。用户的输入值如下所示

function handleSubmit(evt) {
 ...
}

3。您还需要返回

false

完整示例

函数handleSubmit（evt）{
让actualWord=document.getElementById（'word'）.value；
如果（实际单词==‘是’）{
document.querySelector（'h1'）.innerHTML=“噢，耶”；
}
返回false；
}

placehold
输入单词

您可以通过添加表单中的

按钮来实现这一点，然后对文本

执行检查，并使用属性获取

文本值，请注意，我使用

[e.preventDefault（）][3]

来防止表单重定向，下面是一个工作片段：


JS-Bin
占位符
输入单词
document.getElementById（'change-placeholder'）。addEventListener（'click'，函数（e）{
e、 预防默认值（）；
让actualWord=document.getElementById（'word'）.value；
如果（实际单词==‘是’）{
document.querySelector（'h1'）.innerHTML=“噢，耶”；
}否则{
document.querySelector（'h1'）.innerHTML=“error”；
}
})

您需要单击一个按钮来运行代码。另外，你应该把代码本身放在问题中，而不是代码的链接。我已经用正确格式的代码更新了问题（我想）。谢谢你的提示。

function handleSubmit(evt) {
 ...
}

document.getElementById('word').value