大家好,又见面了,我是你们的朋友全栈君。
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>
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/147257.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...