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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 什么是 SNI?_snidel中文

    什么是 SNI?_snidel中文参考:链接1链接2介绍是什么:SNI(ServerNameIndication)是TLS的扩展,这允许在握手过程开始时通过客户端告诉它正在连接的服务器的主机名称。作用:用来解决一个服

    2022年8月3日
    4
  • 选择排序-Java「建议收藏」

    选择排序-Java「建议收藏」堆排序理论:https://blog.csdn.net/qq_36186690/article/details/82505569代码:packagecom.paixu.paixuTest;importjava.util.Arrays;importjava.util.Scanner;/***选择排序*1)简单选择排序*2)堆排序*/publicclassxuanZhePaiXu{publicstaticvoidmain(String[]a

    2022年7月8日
    21
  • JavaSwing_1.2: GridLayout(网格布局)

    JavaSwing_1.2: GridLayout(网格布局)GridLayout,网格布局管理器。它以矩形网格形式对容器的组件进行布置,把容器按行列分成大小相等的矩形网格,一个网格中放置一个组件,组件宽高自动撑满网格。以行数和总数优先:通过构造方法或setRows和setColumns方法将行数和列数都设置为非零值时,指定的列数将被忽略。列数通过指定的行数和布局中的组件总数来确定。因此,例如,如果指定了三行和两列,在布局中添加了九个组件,则它们将显示为三行三列。

    2022年6月12日
    30
  • python中的补码

    python中的补码

    2020年11月8日
    212
  • gcc命令使用_c调用cmd并执行命令

    gcc命令使用_c调用cmd并执行命令gcc命令基本操作Hello基本操作编译汇编链接ELF文件分析Hello基本操作准备工作#include<stdio.h>//此程序很简单,仅仅打印一个HelloWorld的字符串。intmain(void){printf(“HelloWorld!\n”);return0;}hello.i文件编译汇编将编译生成的hello.s文件汇编生成目标文件hello.oGCC的选项-c使GCC在执行完汇编后停止,生成目标文件

    2022年10月13日
    0
  • Centos7下安装Docker(详细安装教程)[通俗易懂]

    一,Docker简介百科说:Docker是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的容器中,然后发布到任何流行的Linux机器上,也可以实现虚拟化,容器是完全使用沙箱机制,相互之间不会有任何接口。看起来有点雾,用过虚拟机的应该对虚拟化技术有点印象,不知道也没关系,就把它当成轻量级的虚拟机吧(虽然一个是完全虚拟化,一个是操作系统层虚拟化),这个解释到位:ht…

    2022年4月10日
    41

发表回复

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

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