它说无法读取null的值，我想从HTML中放入数据然后进行抽奖

Question

我做了几件事，我认为我已经接近了，但有一些我不知道的东西，我无法完成代码，我从不同的人那里获取了代码，我认为还剩下垃圾代码后面就是在那里做任何事情，有什么问题吗？我是在 Dcoder 上做的。

var rndList = [];

var rndList2 = [];

function GD() {

  var a = document.getElementById("MinS").value;

  var b = document.getElementById("MaxS").value;

  var c = document.getElementById("Min").value;

  var d = document.getElementById("Max").value;

  var e = document.getElementById("PrzNo").value;

  r = [a, b, c, d, e];

  return r;

}

var input = document.getElementsByClassName("o");

for (i = 0; i < input.length; i++) {

  input[i].addEventListener("change", function() {

    resultados = GD();

    var a = resultados[0];

    var b = resultados[1];

    var c = resultados[2];

    var d = resultados[3];

    var e = resultados[4];

    function raffle(MinS, MaxS, Min, Max, PrzNo) {

      function getRndInt(min, max) {

        return Math.floor(Math.random() * (max - min)) + min;

      }

      for (i = 0; i < PrzNo; i++) {

        rndList.push(getRndInt(MinS, MaxS + 1));

      }

      for (i = 0; i < PrzNo; i++) {

        rndList2.push(getRndInt(Min, Max + 1));

      }

    }

    raffle(a, b, c, d, e);

    console.log("Serie: " + rndList);

    console.log("Number: " + rndList2);

  });

};

.botton {

  border: 1px solid #2e518b;

  padding: 10px;

  background-color: #2e518b;

  color: #ffffff;

  text-decoration: none;

  text-transform: uppercase;

  font-family: 'Helvetica', sans-serif;

  border-radius: 50px;

}

.center {

  display: block;

  text-align: center;

  width: 50%;

  border: 1px dotted #f00;

  padding: 8px;

  margin: auto;

}

Answer 1

这只是一个拼写错误。你的第一个id应该是，MinS但它是Mins在 HTML 方面。var rndList = [];var rndList2 = [];function GD() {&nbsp; var a = document.getElementById("MinS").value;&nbsp; var b = document.getElementById("MaxS").value;&nbsp; var c = document.getElementById("Min").value;&nbsp; var d = document.getElementById("Max").value;&nbsp; var e = document.getElementById("PrzNo").value;&nbsp; r = [a, b, c, d, e];&nbsp; return r;}var input = document.getElementsByClassName("o");for (i = 0; i < input.length; i++) {&nbsp; input[i].addEventListener("change", function() {&nbsp; &nbsp; resultados = GD();&nbsp; &nbsp; var a = resultados[0];&nbsp; &nbsp; var b = resultados[1];&nbsp; &nbsp; var c = resultados[2];&nbsp; &nbsp; var d = resultados[3];&nbsp; &nbsp; var e = resultados[4];&nbsp; &nbsp; function raffle(MinS, MaxS, Min, Max, PrzNo) {&nbsp; &nbsp; &nbsp; function getRndInt(min, max) {&nbsp; &nbsp; &nbsp; &nbsp; return Math.floor(Math.random() * (max - min)) + min;&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; for (i = 0; i < PrzNo; i++) {&nbsp; &nbsp; &nbsp; &nbsp; rndList.push(getRndInt(MinS, MaxS + 1));&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; for (i = 0; i < PrzNo; i++) {&nbsp; &nbsp; &nbsp; &nbsp; rndList2.push(getRndInt(Min, Max + 1));&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }&nbsp; &nbsp; raffle(a, b, c, d, e);&nbsp; &nbsp; console.log("Serie: " + rndList);&nbsp; &nbsp; console.log("Number: " + rndList2);&nbsp; });};.botton {&nbsp; border: 1px solid #2e518b;&nbsp; padding: 10px;&nbsp; background-color: #2e518b;&nbsp; color: #ffffff;&nbsp; text-decoration: none;&nbsp; text-transform: uppercase;&nbsp; font-family: 'Helvetica', sans-serif;&nbsp; border-radius: 50px;}.center {&nbsp; display: block;&nbsp; text-align: center;&nbsp; width: 50%;&nbsp; border: 1px dotted #f00;&nbsp; padding: 8px;&nbsp; margin: auto;}.o {}<form action="RifaYeah.html" method="post" name="frm" onsubmit="raffle(a, b, c, d, e)">&nbsp; <p class="center"> Mínima Serie: <input class="center o" type="number" name="MinS" id="MinS"><br> Máxima Serie: <input class="center o" type="number" name="MaxS" id="MaxS"><br> Mínimo Número: <input class="center o" type="number" name="Min" Id="Min"><br> Máximo Número:&nbsp; &nbsp; <input class="center o" type="number" name="Max" id="Max"><br> Cantidad de premios: <input class="center o" type="number" name="PrzNo" id="PrzNo"><br> <input class="botton center" type="submit" value="Rifar!"> </p></form>