js，定义按钮加一减一？

Posted 2023-04-08

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js，定义按钮加一减一？相关的知识，希望对你有一定的参考价值。

假设要开发一个游戏，分配给你的任务是编写全局方法add和minus，用来加命和减命，并返回的命的条数。要求命的条数保存在变量lives中,且必须为局部变量

参考技术A 正如标题所言使用js实现按钮控制文本框加1减1，此类主要应用于小时+分钟，下面有个不错的示例，喜欢的朋友可以参考下 time.html代码：代码如下: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>Document</title> <script type="text/javascript" src="jquery-1.8.2.min.js"></script> <script type="text/javascript" src="time.js"></script> </head> <body> <input type="button" value="小时加" onClick="add_hour();"> <input type="text" value="00" id="hour"> <input type="button" value="小时减" onClick="sub_hour();"> <br/> <br/> <input type="button" value="分钟加" onClick="add_minute();"> <input type="text" value="00" id="minute"> <input type="button" value="分钟减" onClick="sub_minute();"> </body> </html> time.js代码：代码如下: function add_num(a,b,c) if(c<a) c++; else c=b; if(c<=9&&c>=0) c="0"+c; return c; function sub_num(a,b,c) if(c>a) c--; else c=b; if(c<=9&&c>=0) c="0"+c; return c; function add_hour() var current_num=$("#hour").attr("value"); current_num=add_num(23,0,current_num); $("#hour").attr("value",current_num); function sub_hour() var current_num=$("#hour").attr("value"); current_num=sub_num(0,23,current_num); $("#hour").attr("value",current_num); function add_minute() var current_num=$("#minute").attr("value"); current_num=add_num(59,0,current_num); $("#minute").attr("value",current_num); function sub_minute() var current_num=$("#minute").attr("value"); current_num=sub_num(0,59,current_num); $("#minute").attr("value",current_num); 参考技术B 正如标题所言使用js实现按钮控制文本框加1减1，此类主要应用于小时+分钟，下面有个不错的示例，喜欢的朋友可以参考下 time.html代码：代码如下: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>Document</title> <script type="text/javascript" src="jquery-1.8.2.min.js"></script> <script type="text/javascript" src="time.js"></script> </head> <body> <input type="button" value="小时加" onClick="add_hour();"> <input type="text" value="00" id="hour"> <input type="button" value="小时减" onClick="sub_hour();"> <br/> <br/> <input type="button" value="分钟加" onClick="add_minute();"> <input type="text" value="00" id="minute"> <input type="button" value="分钟减" onClick="sub_minute();"> </body> </html> time.js代码：代码如下: function add_num(a,b,c) if(c<a) c++; else c=b; if(c<=9&&c>=0) c="0"+c; return c; function sub_num(a,b,c) if(c>a) c--; else c=b; if(c<=9&&c>=0) c="0"+c; return c; function add_hour() var current_num=$("#hour").attr("value"); current_num=add_num(23,0,current_num); $("#hour").attr("value",current_num); function sub_hour() var current_num=$("#hour").attr("value"); current_num=sub_num(0,23,current_num); $("#hour").attr("value",current_num); function add_minute() var current_num=$("#minute").attr("value"); current_num=add_num(59,0,current_num); $("#minute").attr("value",current_num); function sub_minute() var current_num=$("#minute").attr("value"); current_num=sub_num(0,59,current_num); $("#minute").attr("value",current_num); 参考技术C HTML

<input type="text" id="lives" value="0">

<button onclick="add()">加命</button>

<button onclick="minus()">减命</button>

JS

var lives=0; // 命数

funtion add()
lives+=1;
document.getElementById("lives").value=lives;

function minus()
lives-=1；
document.getElementById("lives").value=lives;