判断数字的正负
-
传统基于操作DOM的方式实现业务需求 1、想操作谁就先获取谁 2、给某元素绑定某事件 3、在事件触发的时候修改元素的样式等
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>案例1</title>
<!-- import css -->
<style>
#numInp,
#submit {
box-sizing: border-box;
padding: 0 15px;
height: 35px;
border: 1px solid red;
}
#submit {
cursor: pointer;
}
</style>
</head>
<body>
<input type="text" id="numInp">
<button id="submit">点击计算</button>
<!-- import js -->
<script>
//1、想操作谁就先获取谁
let numInp = document.getElementById('numInp');
let submit = document.getElementById('submit');
//2、事件绑定
submit.onclick = function (){
//1、获取文本框中的信息
let n = numInp.value;
// console.log(typeof n); 文本框中获取的信息是字符串格式的“string”
n = Number(n); //把字符串类型转换为数字类型
//2、验证是否为有效数字
if(!isNaN(n)){//isNaN(n)===false
//有效数字
if(n>0){
console.log('正数');
}else if(n<0) {
console.log('负数')
}else{
console.log('零');
}
}else{
console.log('当前输入的信息为非有效数字!');
}
}
</script>
</body>
</html>