Html动态点击按钮实现“+”和“-”功能
Html动态点击按钮实现“+”和“-”功能
全栈程序员站长
发布于 2022-07-01 11:04:10
发布于 2022-07-01 11:04:10
代码可运行
运行总次数：0
代码可运行
关联问题
换一批
大家好，又见面了，我是你们的朋友全栈君。
Html动态点击按钮实现“+”和“-”功能
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;">
<title>html动态实现加减</title>
<style type="text/css">
.div input{
width: 40px;
text-align: center;
}
</style>
<script type="text/javascript">
function add() {
var num = document.getElementById("num");
num.value=parseInt(num.value)+1;
}
function minus() {
var num = document.getElementById("num");
num.value=parseInt(num.value)-1;
}
</script>
</head>
<body>
<div class="div">
<input type="button" value="+" onclick="add()" >
<input type="text" id="num" value="0">
<input type="button" value="-" onclick="minus()">
</div>
</body>
</html>发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/147257.html原文链接：https://javaforall.cn
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
暂无评论
推荐阅读
推荐阅读
相关推荐
jQuery/javascript实现简单网页计算器
更多 >
腾讯云开发者
