如何记录输入的值？答案

【问题标题】：How can I log the value of an input?如何记录输入的值？
【发布时间】：2022-11-17 00:56:06
【问题描述】：

我一直在通过 ID 从 index.html 向 main.js 导入输入。当我运行 console.log(input name) 时，我得到 null，但是当我登录 typeof 时，它返回“对象”。我如何记录该值？

let price = document.getElementById('price');
let tax = document.getElementById('tax');
let ads = document.getElementById('ads');
let discount = document.getElementById('discount');
let total = document.getElementById('total');
let amount = document.getElementById('amount');
let category = document.getElementById('category');
let create = document.querySelector('#create');
console.log()


function totalint() {
  if (price != '') {
    let result = (+price.value + +tax.value + +ads.value) - +discount.value;
    total.innerHTML = result;
  }
}

【问题讨论】：

null 是 object 类型。
你只是问如何检索输入的值？我认为您过多地提及日志已经分散了主要问题的注意力。
您遇到的问题可能是因为您的 document.getElementById 是在您要查找的元素存在于 DOM 之前执行的。
请展开上面的 sn-p 演示以显示您的问题。

标签： javascript

【解决方案1】：

您正在页面加载完成之前运行代码，请使用

document.addEventListener("DOMContentLoaded", function(event) {
    // Your code to run since DOM is loaded and ready
      let price = document.getElementById('test');
// Log to console
console.log(price)
});

这应该工作。

【讨论】：