<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>大小写转换</title>
</head>
<body>
<p>原数据:<input id="old" type="text"></p>
<p>操作:<button type="button" value="转大写" onclick="deal('upper')">转大写</button>
<button type="button" value="转小写" onclick="deal('lower')">转小写</button>
</p>
<p>结果:<input id="new" type="text"></p>
<script>
function deal(opt){
var str=document.getElementById("old").value;
switch(opt){
case 'upper':
str=str.toUpperCase();
break;
case 'lower':
str=str.toLowerCase();
}
document.getElementById("new").value=str;
}
</script>
</body>
</html>
自己写的时候没有写出来,原因有
1.js有内置函数
2.switch的语法不熟练,这里复习一下
switch(表达式){
case 值1:
内容....
break;
case 值2:
内容....
break;
default:
内容....
break;
}
3.触发时间函数时竟然写了 οnclick="function deal(opt)",唉,不知道脑子,想啥的,不过这些问题都是可以自己找到并解决的
4.传参理解的不够深刻