我的 Javascript 代码中没有显示任何输出

Question

我是 javascript 的初学者，我被这段代码困住了。从语法上看，代码似乎没有错误，但是执行时，网页和控制台都没有输出。因此，我很困惑，无法理解错误所在。

function SubMit() {

  var userName = document.getElementById("user").value;

  document.getElementById("out").innerHTML = userName;

  var fName = document.getElementById("firstName").value;

  var lName = document.getElementById("lastName").value;

  var eMail = document.getElementById("email").value;

  var p1 = document.getElementById("pass1").value;

  var p2 = document.getElementById("pass2").value;

  console.log(userName);

  console.log(fName);

  console.log(lName);

  console.log(eMail);

  console.log(p1);

  console.log(p2);

}

function click() {

  document.getElementById("c").innerHTML = "HELLO WORLD";

  console.log("hello world");

}

<form>

  <input type="text" placeholder="Username" id="user" required>

  <input type="text" placeholder="First Name" id="firstName" required>

  <input type="text" placeholder="Last Name" id="lastName">

  <input type="email" placeholder="Email" id="email" required>

  <input type="password" placeholder="Password" id="pass1" required>

  <input type="password" placeholder="Confirm Password" id="pass2" required>

  <button type="submit" onclick="SubMit()">SUBMIT</button>

</form>

<output id="out"></output>

<button type="button" onclick="click()">click me</button>

<p id="c"></p>

Answer 1

click() 已定义为 javascript 方法function SubMit() {&nbsp; var userName = document.getElementById("user").value;&nbsp; document.getElementById("out").innerHTML = userName;&nbsp; var fName = document.getElementById("firstName").value;&nbsp; var lName = document.getElementById("lastName").value;&nbsp; var eMail = document.getElementById("email").value;&nbsp; var p1 = document.getElementById("pass1").value;&nbsp; var p2 = document.getElementById("pass2").value;&nbsp; console.log(userName);&nbsp; console.log(fName);&nbsp; console.log(lName);&nbsp; console.log(eMail);&nbsp; console.log(p1);&nbsp; console.log(p2);}function myClick() {&nbsp; document.getElementById("c").innerHTML = "HELLO WORLD";&nbsp; console.log("hello world");}<form>&nbsp; <input type="text" placeholder="Username" id="user" required>&nbsp; <input type="text" placeholder="First Name" id="firstName" required>&nbsp; <input type="text" placeholder="Last Name" id="lastName">&nbsp; <input type="email" placeholder="Email" id="email" required>&nbsp; <input type="password" placeholder="Password" id="pass1" required>&nbsp; <input type="password" placeholder="Confirm Password" id="pass2" required>&nbsp; <button type="submit" onclick="SubMit()">SUBMIT</button></form><output id="out"></output><button type="button" onclick="myClick()">click me</button><p id="c"></p>

Answer 2

用 div 标签更改输出标签为。<div&nbsp;id="out"></div>将 click() 重命名为任何其他名称。click() 是预定义的 js 函数，您必须在使用它之前覆盖该函数以防止点击事件。