js—switch问题–求解答
需要完成程序功能 -----编写函数:用switch循环来实现当输入月份时,输出月天数;
界面
出现bug
输入月份之后 点击动不了 怀疑是switch中 value2 出现问题
将 value2.value之后运行成功
不知道原因 求解答
出现问题代码
!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123456789</title>
<style type="text/css">
</style>
</head>
<body>
<input type="text" id="text1" />
<button id="btn">点我</button>
<input type="text" id="text2" />
<script type="text/javascript">
btn.addEventListener("click",function(){dian()});
function dian(){
var value1=document.getElementById("text1").value;
var btn=document.getElementById("btn");
var value2=document.getElementById("text2").value; //感觉问题所在
console.log(value2);
switch(value1){
case '1' : value2="31";break;
case '3' : value2="31";break;
case '5' : value2="31";break;
case '8' : value2="31";break;
case '1' : value2="31";break;
case '12': value2="31";break;
case '2' : value2="28";break;
case '4' : value2="30";break;
case '6' : value2="30";break;
case '7' : value2="30";break;
case '9' : value2="30";break;
case '11' : value2="30";break;
default : value2="输入数字";break;
}
}
</script>
</body>
</html>
***改过代码 ---成功***
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123456789</title>
<style type="text/css">
</style>
</head>
<body>
<input type="text" id="text1" />
<button id="btn">点我</button>
<input type="text" id="text2" />
<script type="text/javascript">
btn.addEventListener("click",function(){dian()});
function dian(){
var value1=document.getElementById("text1").value;
var btn=document.getElementById("btn");
var value2=document.getElementById("text2"); //修改过
console.log(value2);
switch(value1){
case '1' : value2.value="31";break; //都改成 value2.value
case '3' : value2.value="31";break;
case '5' : value2.value="31";break;
case '8' : value2.value="31";break;
case '1' : value2.value="31";break;
case '12': value2.value="31";break;
case '2' : value2.value="28";break;
case '4' : value2.value="30";break;
case '6' : value2.value="30";break;
case '7' : value2.value="30";break;
case '9' : value2.value="30";break;
case '11' : value2.value="30";break;
default : value2.value="输入数字";break;
}
}
</script>
</body>
</html>