<分区>
我有一个输入框和一个按钮。当用户点击按钮时,我首先检查他们是否输入了数字。如果它是一个非数字字符串,则什么也不会发生。如果它是一个数字,那么我将对上面的灰色 div 进行一些修改。当我输入一个数字并将其类型记录到控制台时,它显示该值的数据类型是“字符串”。那么如何检查正确的数据类型呢?
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<div id='test'></div>
<p><input type='text' id='myText'/>
<input type='button' value='click' id='myButton'/></p>
</body>
</html>
CSS
#test {
width: 200px;
height: 200px;
background: gray;
}
JavaScript
var el = document.getElementById('myButton'),
elOne = document.getElementById('myText'),
container = document.getElementById('test');
el.onclick = function(){
var data = elOne.value;
if(typeof data === 'number'){
console.log('number');
}else if(typeof data === 'string') {
console.log('string');
}
};
这是 jsbin 链接 - http://jsbin.com/hequr/1/