Question

我正在尝试存储文本输入的值，但是当我在console.log中变量时，它是未定义的。函数getInfo（）位于顶部引用的脚本中，并且在“的onClick”。

功能：

function getInfo() {
  var gamePin = document.getElementById("gamePin").value;
  console.log(gamePin); //undefined??
}

和HTML：

<!DOCTYPE html>
<html>
<head>
  <title>KBot</title>
  <link href="style.css" rel="stylesheet" type="text/css"> 
  <link rel="shortcut icon" type="image/png" href="favicon.png"/>
  <script src="script.js"></script>
</head>
  <body>
    <header>
      KBOT - Spam bot for Kahoot
    </header>
      <div class="box">
        <h2>Enter Info</h2>
        <form>
          <div class="inputBox" id="gamePin">
            <input type="text" name="" required="">
            <label>Game Pin</label>
          </div>
          <div class="inputBox" id="botName">
            <input type="text" name="" required="">
            <label>Bot Name</label>
          </div>
          <div class="inputBox" id="botAmount">
              <input type="text" name="" required="">
              <label>Bot Amount (Up To 100)</label>
          </div>
          <input type="button" id="submit" value="Release the bots!" 
        onClick="getInfo()">
      </form>
    </div>
  </body>
</html>

Answer 1

function getInfo() {
  var gamePin = document.getElementById("gamePin").value;
  console.log(gamePin); //undefined??
}

这要求获得＆＃34; gamePin＆＃34;的价值。元素ID，这就是你未定义的原因。

如果要获取输入字段的值。您需要通过提供Id来获取输入字段的元素。试试这个。

<div class="inputBox" >
            <input type="text" name="gamePin" id="gamePin" required="">
            <label>Game Pin</label>
          </div>

现在可行。

function getInfo() {
  var gamePin = document.getElementById("gamePin").value;
  console.log(gamePin);
}

无法获得输入JavaScript的价值

1 个答案: