Question

＆＃13;

window.onload = term;

function term () {
var term = document.getElementById("list").value;
return term;
}

＆＃13;

<!DOCTYPE html>

<html>
<head>
<script src = "review2.js"></script>
</head>

<body>
Term: <input type = "text" id = "list">
<input type = "button" onclick= "list" value= "submit">
</body>

</html>

＆＃13;

尝试制作一个简单的javascript，用户输入一个术语，然后进入html页面。但由于某种原因，它不会。有什么理由吗？

Answer 1

您可以使用addEventListener函数（直接在JS中）或相应元素上的on*（如onclick）DHTML属性来定义事件（如您的示例所示）。但是，正如在您的问题的注释中注意到的那样，当用户单击按钮时，您需要定义应该调用/使用的JS函数。＆＃34;列表＆＃34;是 - 至少在你的例子中 - 未定义，所以它根本不起作用。

使用addEventListener方法的简短示例：

＆＃13;

document.getElementById("submit").addEventListener("click", function(event){
  event.preventDefault();
  
  var val = document.getElementById("input").value;
  if(val.trim() !== ""){
    document.getElementById("output").innerText = "Passed Value: " + val;
  } else {
    document.getElementById("output").innerText = "No passed value!";
  }
});

＆＃13;

<p>
  <input type="text" id="input" />
  <button id="submit">Submit</button>
</p>
<p id="output">
  
</p>

＆＃13;

DHTML属性onclick的简短示例：

＆＃13;

function list(){
  var val = document.getElementById("input").value;
  
  if(val.trim() !== ""){
    document.getElementById("output").innerText = "Passed Value: " + val;
  } else {
    document.getElementById("output").innerText = "No Value Passed!";
  }
}

＆＃13;

<p>
  <input type="text" id="input" />
  <button id="submit" onclick="list()">Submit</button>
</p>
<p id="output">
  
</p>

＆＃13;

您可以在MDN或W3Schools上找到有关活动的更多信息。

此致
萨姆

如何制作简单的活动

1 个答案: