Html动态点击按钮实现“+”和“-”功能

Html动态点击按钮实现“+”和“-”功能  Html动态点击按钮实现“+”和“-”功能<!DOCTYPE html><html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;"> <title>html动态实现加减<

大家好,又见面了,我是你们的朋友全栈君。

 

 

Html动态点击按钮实现“+”和“-”功能

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账号...

(0)


相关推荐

  • 火星坐标系统_怎样算自己的上升星座

    火星坐标系统_怎样算自己的上升星座其原理是这样的:保密局开发了一个系统,能将实际的坐标转换成虚拟的坐标。所有在中国销售的数字地图必须使用这个系统进行坐标转换之后方可上市。这是生产环节,这种电子地图被称为火星地图。在使用环节,GPS终端

  • python小游戏实现代码

    python小游戏实现代码早上逛CSDN首页就见到这么一篇教程。看了一下很有意思,就马上动手实现了一下。看看效果吧:完整代码:#-*-coding:utf-8-*-#1-Importlibraryimport

  • vue怎么使用layui_layui动态添加输入框

    vue怎么使用layui_layui动态添加输入框vue-layer弹框插件安装npmi–savevue-layer引用importlayerfrom’vue-layer’Vue.prototype.$layer=layer(Vue);参数说明{type:0,//0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层)title:’信息’,con…

    2022年10月24日
  • 黑群晖docker清理缓存_群晖Docker半洗白 不关机快速修改sn/mac方法

    黑群晖docker清理缓存_群晖Docker半洗白 不关机快速修改sn/mac方法老版本Docker下载地址:https://archive.synology.com/download/Package/spk/Docker/17.05.0-0401/Docker-x64-17.05.0-0401.spkDSM_DDSM_25426.pat下载地址:https://cndl.synology.cn/download/DSM/release/6.2.3/25426/DSM_DDS…

  • linux 7 bond0,Centos 7 配置多网卡bond0 及网桥br0

    《Centos7配置多网卡bond0及网桥br0》由会员分享,可在线阅读,更多相关《Centos7配置多网卡bond0及网桥br0(2页珍藏版)》请在人人文库网上搜索。1、Centos7配置多网卡bond0及网桥br0一配置多网卡bonding1手动添加bond0配置,如:vim/etc/sysconfig/network-scripts/ifcfg-bond0DEVICE=b…

  • Vue自定义标签[通俗易懂]

    Vue自定义标签[通俗易懂]简介主要讲解vue中如何定义自定义标签。自定义标签使用vue的配置对象中的directives属性进行配置。比如下面代码定义一个自定义标签v-big,可以把绑定的表达式乘以十倍渲染到元素的text区,相当于v-text,只是他表达式要数字并且会乘以10倍后渲染。<!DOCTYPEhtml><htmllang=”en”><head><metacharset=”UTF-8″><title>自定义指令</tit

    2022年10月30日

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号