HTML5+CSS+JavaScript基础案例——大小写转换

案例:

参考代码:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>字符串大小写转换</title>
	<style>
		.one{
			margin-left:16px;
		}
	</style>
</head>

<body>
	<h2>大小写转换</h2>
	<p>原数据:
		<input id="old" type="text"></p>
	<p class="one">操作:
		<input type="button" value="转大写" onClick="deal('upper')">&nbsp;
<!--点击onClick就调用deal方法-->
		<input  type="button" value="转小写" onClick="deal('lower')"></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();//转小写
				break;
		}
		document.getElementById("new").value=str;//对转换的数据进行赋值
	}
	</script>
</body>
</html>

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值