javascript - 如果值小于 javascript 中的另一个值,则显示 div 消息
问题描述
我想让一个 div 显示输入的值是否小于 1000,如果值大于或等于 1000,则在 JavaScript 中实时隐藏这个 div
解决方案
let input = document.querySelector("#number")
let box = document.querySelector(".box")
update = () => {
let value = input.value
if(parseInt(value) < 1000){
box.style.display = "none"
} else {
box.style.display = "block"
}
setTimeout(update, 1000);
}
update()
.box {
height: 100px;
width: 100px;
background-color: lime;
}
<input type="text" id="number" />
<div class="box">
</div>
推荐阅读
- python - 如何使用 django 的 File 对象保存文件
- webview2 - 我们可以创建一个可以在多个应用程序中使用的 WebView2 组件吗?
- dart - 在 Dart 中使用循环引用避免内存泄漏
- python - 如何在 Python 中将变量插入 SQL 查询?
- c++ - 无法将 matchTemplate Mat 结果转换为图像(iOS,Objective-C)
- dataframe - 在 Julia 中同时绘制两个数据框
- python - AWS CodeBuild 上的 Python 构建失败并出现 deps 错误 - 依赖项未更改
- reactjs - 如何在 React 中访问子 useState?
- hydra-python - 如何在 hydra-python 中从同一组创建两个字段?
- linux - 为什么不能卷曲成纳米?