В моем коде 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

Измените выходной тег с тегом div как.

<div id="out"></div>

переименуйте click () на любое другое имя. click () является предопределенной функцией js, и вы должны переопределить эту функцию, прежде чем использовать ее, предотвращая событие щелчка.

Answer 2

click () уже определен как 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 myClick() {
  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="myClick()">click me</button>
<p id="c"></p>