Html 和 Javascript：结合按钮和 js 功能代码

Question

我有一个 html 注册表单，我想将这些数据添加到我的 mySql 数据库中。

这是我的html

<form>
  <div class="inputs">
    <div class="input">
      <input placeholder="Email" id="email" type="text">
      <img src="img/mail.svg">
    </div>
    <div class="input">
      <input placeholder="username" id="username" type="text">
      <img src="img/user.svg">
    </div>
    <div class="input">
      <input placeholder="password" id="password" type="password">
      <img src="img/pass.svg">
    </div>
  </div>

  <button onclick="insert()">Register</button>
</form>
<script src="js/insertUser.js"></script>

点击按钮时需要调用javascript插入函数

这是我的 javascript 脚本

var mysql = require('mysql');

var con = mysql.createConnection({
  host: "localhost",
  user: "root",
  password: "",
  database: "assessments"
});

function insert() {

  username = document.getElementById("username").value;
  password = document.getElementById("password").value;
  email = document.getElementById("email").value;

  con.connect(function(err) {
    if (err) throw err;
    console.log("Connected!");
    var sql =
      "INSERT INTO users (username, password, email) VALUES (username, password, email)";
    con.query(sql, function(err, result) {
      if (err) throw err;
      alert("1 record inserted");
    });
  });
}

我的问题是如何将它们组合起来，以便在单击 html 按钮时调用 js 函数。我的意思是我在哪里放置这个函数？

Answer 1

按钮上的 onclick 事件应该调用 javascript 函数。您是否从 html 文件中正确链接了脚本文件？ 尝试将<script language = "javascript"> 替换为 <script>