javascript - 从 html 输入中获取值

标签 javascript html typescript input

我试图从 html 输入中获取值,但我无法使其正常工作,从我自己的研究来看,我的语法似乎正确?所以我很困惑。

当我控制台记录该值时,看起来它实际上并未获取输入的值。

let btn = document.getElementById("btn");
let grade = document.getElementById("gradeNum").value;

function getGrade() {
    console.log(grade);

    if (grade >= 90) {
        document.getElementById("gradeLetter").innerHTML = "You got an A!";
    } else if (grade < 90 && grade >= 80) {
        document.getElementById("gradeLetter").innerHTML = "You got a B!";
    } else if (grade < 80 && grade >= 70) {
        document.getElementById("gradeLetter").innerHTML = "You got a C!";
    } else if (grade < 70) {
        document.getElementById("gradeLetter").innerHTML = "You got an F! Study more!";
    }
};

最佳答案

试试这个:

let btn = document.getElementById("btn");
// let grade = document.getElementById("gradeNum").value; <-- NOT HERE

function getGrade() {
  let grade = document.getElementById("gradeNum").value;   // BUT HERE
  console.log(grade);

  if (grade >= 90) {
    ...

关于javascript - 从 html 输入中获取值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43672633/

相关文章:

javascript - Bootstrap 模式对话框中的谷歌地图自动完成结果

javascript - 在javascript中以毫秒为单位获取当前的unix时间

module - 为现有模块创建一个 d.ts 文件

reactjs - 用空数组初始化的钩子(Hook)?

javascript - 打印 Firefox/Chrome 后关闭选项卡(内容为 application/pdf)

javascript - 我怎样才能让我的不和谐机器人不从一个人那里获得多票

html - 如何使用固定宽度的卡片制作卡片组?

javascript - 带有精美图标的 Html 下拉菜单

javascript - 基于现有代码的简单响应式网站标题

javascript - 理解 Typescript 编译器生成的 Javascript