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>

 

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/147257.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • LINUX最大线程数及最大进程数

    查看最大线程数:cat/proc/sys/kernel/threads-maxulimitUserlimits-limittheuseofsystem-wideresources.S

    2021年12月20日
    43
  • redis通过6379端口无法连接服务器

    redis通过6379端口无法连接服务器看了网上很多解决方案,都是端口问题,将127.0.0.1改为0.0.0.0,就ok了,但是本人的问题不是端口问题,端口本来就是0.0.0.0。其实redis无法连接数据库就只有这几种可能,防火墙,安全组,密码,绑定IP。这次的问题感觉还是比较让人费解的,当更换端口号的时候就可以,默认端口6379就是不行。按照顺序依次检查了防火墙,安全组,密码,配置文件,都确认没有问题之后,再次启动redis,…

    2022年6月7日
    32
  • Qt:windows下Qt安装教程

    Qt:windows下Qt安装教程win10按照qt

    2022年5月17日
    45
  • ucosii操作系统内核源码学习第一篇

    ucosii操作系统内核源码学习第一篇待会就开始学习

    2022年5月6日
    36
  • ipconfig 和ip addr的区别「建议收藏」

    ipconfig 和ip addr的区别「建议收藏」今天在玩DNS解析记录的追踪。nslookup查了一下我们业务域名对应的ip。得到一个完全不知道的ip。此时我登录到应用服务器上,使用ipa查看了该服务器的网络配置。并没有这个ip。百思不得其解。搞了一天终于明白了,一共两个问题:1、ipaddr和ifconfig显示的不一样?使用ifconfig发现了使用nslookup查到的ip,而ipaddr竟然不显示那个ip地址。原因如下:net-tools起源于BSD,自2001年起,Linux社区已经对其停止维护..

    2022年7月27日
    19
  • 继电器的选型规范_继电器类型

    继电器的选型规范_继电器类型为了正确的选用继电器,需要了解继电器的特性,确认这些特性是否符合使用要求,如能在实际使用环境中进行确认则更为可靠。继电器的选用原则参见表1,在表中“必须确定”栏中有“”号的项目被确定之后,就可选定一款继电器。如果有进一步的要求,需要进一步考虑“参考”栏中有“”号的相应项目。以下对上表中的一些项目进一步说明1触点1.1触点负载确定继电器所能承受的负载是否满足使用要求时,除了需要确定负载的大小,还要确定实际负载的种类,因为不同的负载有不同的稳态值,见表2。除非另有说明,一般说明书给出的负

    2022年9月1日
    4

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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