时间戳

首页 > 解决方案 > onclick 函数 getInc 未定义

javascript - onclick 函数 getInc 未定义

问题描述

我正在创建我的第一个网络应用程序，并且很早就遇到了一个问题！

我创建了一个函数，该函数将用户键入的信息提取到 HTML 输入字段中。它应该工作的方式是，当用户输入他们的收入并单击提交按钮时，收入将存储在一个变量中，供我在我的 JavaScript 代码的其余部分使用。查看控制台日志，该函数显示为“未定义”。

我很欣赏代码可能不是很干净，但我只是想让它工作，因为这是我的第一个小项目！

有什么想法我哪里出错了吗？

这是HTML：

<div class="row input-1">           
    <label for="Gross Annual Salary">£</label>
    <input type="number" name="Gross Annual Salary" id="Ann-Sal" placeholder="Gross Annual Salary" required>
    <input type="button" class="submit-btn" value="Submit" onclick="getInc();">                                              
</div>

这是JavaScript：

function getInc() {
    var inc = document.getElementById("Ann-Sal");
}

标签： javascripthtml

解决方案

我从 onclick 端删除了分号，它可以工作

<div class="row input-1">
  <label for="Gross Annual Salary">£</label>
  <input type="number" name="Gross Annual Salary" id="Ann-Sal" placeholder="Gross Annual Salary" required>
  <input type="button" class="submit-btn" value="Submit" onclick="getInc()">
</div>


<script>
  function getInc() {
    console.log('works');
    var inc = document.getElementById("Ann-Sal");
  }
</script>

<script>
  function getInc() {
    console.log('works');
    var inc = document.getElementById("Ann-Sal");
  }
</script>

<div class="row input-1">
  <label for="Gross Annual Salary">£</label>
  <input type="number" name="Gross Annual Salary" id="Ann-Sal" placeholder="Gross Annual Salary" required>
  <input type="button" class="submit-btn" value="Submit" onclick="getInc()">
</div>

推荐阅读