Javascript if/else 提交

Question

我对 javascript 完全陌生，目前正在开发我的第一个函数。我有这 2 个文本输入区域，可以在其中输入他的姓名和级别。

<form action="/action_page.php">
Nom: <input type="text" name="fullname"><br><br>
Niveau (1 &aacute; 6): <input type="text" name="niveau">
<input type="submit" value="Afficher partie 2">
</form> 

提交后，应该向用户显示一条消息，其中包含他的姓名和级别(如果级别在 1-6 之间，否则将显示错误消息)。

这就是我编写脚本的方式:

<script>
var x = oninput;
var y = oninput;
if (y>=1){
  document.write("Bonjour + 'x'");
  document.write("Niveau='y'");
}if (y<=6){
  document.write("Bonjour + 'x'");
  document.write("Niveau='y'");
}
else {
  document.write("<p style="color:red;">Erreur le niveau doit etre en  
  1 et 6</p>
}
</script>

我真的很想知道我写的方式是否正确，我也无法弄清楚如何使用变量 X 向用户显示他的名字。

我在理解如何将我的脚本链接到输入框时也遇到了问题。

Answer 1

你的 JavaScript 有很多错误。我都给你清理干净了。只需阅读注释即可了解 JS 在做什么。玩得开心:)

  function showmylevel(event) { 
    event.preventDefault(); // Prevent Form Actually Submitting
    var x = document.getElementsByName('fullname')[0].value; // Get Value
    var y = document.getElementsByName('niveau')[0].value; // Get Value
    console.log(y);
    if ( y>0 && y<7 ){
      document.write("Bonjour "+x); // Display Name
      document.write("<br>"); // Break Line
      document.write("Niveau = "+y); // Display Level
    } else {
      // Display Error
      document.write('<p style="color:red;">Erreur le niveau doit etre en 1 et 6</p>');
    }
    return false; // Stop Form From Going Anywhere
  }

<form action="action_page.php" onsubmit="showmylevel(event);">
Nom: <input type="text" name="fullname"><br><br>
Niveau (1 &aacute; 6): <input type="text" name="niveau"><br><br>
<input type="submit" value="Afficher partie 2">
</form>