时间戳

首页 > 解决方案 > 控制台记录输入值以进行测试

javascript - 控制台记录输入值以进行测试

问题描述

所以我正在尝试制作一个带有 2 个输入的简单计算器，然后将它们连接起来或除以......

所以首先我想检查输入值是否在那里

为什么这不起作用？我正在学习 js 的基础知识，所以我不想使用任何库

console.log(document.getElementById('d1').value);
<html>

<head>
</head>

<body>
  <input type="number" id="d1">
</body>

</html>

标签： javascript

解决方案

通过直接使用console.log它来记录页面加载时的值。由于输入字段为空白，因此不显示任何内容。相反，您需要一个在每次向输入字段添加内容时运行的事件处理程序。检查下面的代码。

document.getElementById("d1").addEventListener("input", () => console.log(document.getElementById("d1").value));
<input id="d1" type="number">

推荐阅读