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)
blank

相关推荐

  • ext.apply()_函数evaluate的应用

    ext.apply()_函数evaluate的应用转载网址:http://www.cnblogs.com/yin-jingyu/archive/2011/07/30/2122176.htmlapply的用法:    Ext中apply及applyIf方法的应用apply及applyIf方法都是用于实现把一个对象中的属性应用于另外一个对象中,相当于属性拷贝。不同的是apply将会覆盖目标对象中的属性,而apply

  • Java集合篇:ConcurrentHashMap详解(JDK1.8)

    Java集合篇:ConcurrentHashMap详解(JDK1.8)

  • Java操作MongoDB

    Java操作MongoDB

  • 这是特殊的一天

    人生中特殊的日子可能并不多,真心不多!日子的过的很快,转眼三年已经过去。那年的今天,我从一个学生迈向社会! 那年的今天,是我入职的第一天! 也就是在那年的今天,我遇到了我爱的人!曾经梦想的毕业后如何如何,在现实面前,一切都是残酷的。三年很快,十年也很快,我对自己的十年之约,已经是快到了!2020这是我对自己的十年之约,而现在看来这个十年之约远比我想象的还要远。这…

  • java反射机制的作用是什么_java反射常用的类有哪些

    java反射机制的作用是什么_java反射常用的类有哪些运行时类型识别(Run-timeTypeIdentification,RTTI)主要有两种方式,一种是我们在编译时和运行时已经知道了所有的类型,另外一种是功能强大的“反射”机制。要理解RTTI在Java中的工作原理,首先必须知道类型信息在运行时是如何表示的,这项工作是由“Class对象”完成的,它包含了与类有关的信息。类是程序的重要组成部分,每个类都有一个Class对象,每当编写并编译了一个…

  • 【Nginx安装】CentOS7安装Nginx及配置[通俗易懂]

    【Nginx安装】CentOS7安装Nginx及配置[通俗易懂]Nginx是一款轻量级的网页服务器、反向代理服务器。相较于Apache、lighttpd具有占有内存少,稳定性高等优势。**它最常的用途是提供反向代理服务。**安装在Centos下,yum源不提供nginx的安装,可以通过切换yum源的方法获取安装。也可以通过直接下载安装包的方法,**以下命令均需root权限执行**:首先安装必要的库(nginx中gzip模块需要zli…

发表回复

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

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