Javascript 乒乓球测试_Javascript_Html_Fizzbuzz

Javascript 乒乓球测试

javascript html

Javascript 乒乓球测试,javascript,html,fizzbuzz,Javascript,Html,Fizzbuzz,我是一名编程新手，目前正忙于乒乓球问题。（制作一个网页，提示用户输入一个数字，并显示该数字之前的每个数字。但是，对于3的倍数，页面打印“ping”，对于5的倍数，页面打印“pong”，对于3和5（15）的倍数，页面打印“ping-pong”。）我在这里查看了其他解决方案（例如），它们有助于理解如何解决它。我希望我的javascript能够反映这一点我的问题是，我一直试图从网页上的表单中获取输入号码，并通过javascript运行它，如果这样做有意义的话我敢肯定，我的javascript的一

我是一名编程新手，目前正忙于乒乓球问题。（制作一个网页，提示用户输入一个数字，并显示该数字之前的每个数字。但是，对于3的倍数，页面打印“ping”，对于5的倍数，页面打印“pong”，对于3和5（15）的倍数，页面打印“ping-pong”。）

我在这里查看了其他解决方案（例如），它们有助于理解如何解决它。我希望我的javascript能够反映这一点

我的问题是，我一直试图从网页上的表单中获取输入号码，并通过javascript运行它，如果这样做有意义的话

我敢肯定，我的javascript的一部分只是把我所有的东西都扔到了一起，这不是最好的。有人能看看我的代码，看看我做错了什么吗

这是我的HTML：

<!DOCTYPE html>
<html>
  <head>
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css">
    <link href="css/styles.css" rel="stylesheet" type="text/css">
    <script src="js/jquery-1.11.2.js"></script>
    <script src="js/scripts.js"></script>

    <title>Ping-Pong Test</title>
  </head>

  <body>
    <div class="container">
      <h1>Ping Pong Test</h1>
      <p>Let's play the Ping-Pong game. The Ping-Pong game is a simple test that involves loops, conditionals, and variables. Enter your number below to start</p>

      <form id="start-form">
        <label for="input-number">Your number:</label>
        <input id="input-number" type="number">

        <button type="submit" class="btn">Calculate</button>
      </form>

      <div id="end-number">
        <ul id="results"></ul>
      </div>
    </div>
  </body>
</html>


乒乓球测试
乒乓球测试
我们来打乒乓球吧。乒乓球游戏是一个简单的测试，包括循环、条件和变量。在下面输入您的号码开始
您的号码：
算计

还有我的javascript：

$(document).ready(function () { 
$("#start-form").submit(function(event) {
    var a = document.getElementById("#input-number");
    var num = a.elements[0].value;
    var listItems = "";
    var i;
    for (var i = 1; i <= num; i++) {
    if (i % 15 === 0) {
        console.log("Ping-Pong");
    }
    else if (i % 3 === 0) {
        console.log("Ping");
    }
     else if (i % 5 === 0) {
        console.log("Pong");
    }
    else{
    console.log(i);
    };

event.preventDefault();

};

});

$（文档）.ready（函数（）{
$（“#开始表单”）.submit（函数（事件）{
var a=document.getElementById（“#输入编号”）；
var num=a.elements[0]。值；
var listItems=“”；
var i；
对于（var i=1；i而言，这是不对的：
var a = document.getElementById("#input-number");

必须是以下行之一：
var a = document.getElementById("input-number");
// Or
var a = $("#input-number").get(0);
// Or
var a = $("#input-number")[0];

但这并不能解决你的问题。深入研究你的代码。我想你需要有一个表单，然后得到第一个元素：
 var a = document.getElementById("start-form");
 var num = a.elements[0].value;

但你可以简化得更多。为什么不干脆这样做：
 // remove the a variable
 var num = $("#input-number").val(); // get the input-number value

基于您的代码，我认为您只需要清理一些语法，以便jquery使用表单中的值。

我拿走了你的代码，为了清晰起见把它删去，然后把它改成了一把小提琴。
以下是链接：


$（文档）.ready（函数（）{
$（“表格”）。提交（功能（事件）{
var num=$（'#输入编号'）.val（）
对于（var i=1；我从.getElementById（'input-number'）中删除了#；而且我非常确定a
是一个元素，他不需要.elements[0]
位。下次请创建一个代码笔或js小提琴。我为您创建了一个并修复了它。您有两个小问题（已经在这里提到过）：或$（“#input number”）[0]
以确保完整性。好的，我更新了它，但它仍然不起作用。有什么想法吗？谢谢。@KyleChase您应该将更新后的代码放入JSFIDLE或代码笔中。