JSQ.rar_jsq.html_jsq语言_计算器网页代码资源-CSDN文库

共1个文件

txt：1个

版权申诉

187 浏览量 2022-09-23 03:21:25 上传评论收藏 2KB RAR 举报

**JSQ语言与HTML计算器网页实现** JSQ.html是一个基于HTML和JSQ语言实现的计算器网页，它提供了用户友好的图形界面，允许用户通过键盘或鼠标进行数字输入和操作符号选择，执行基本的数学运算，如加、减、乘、除和取余。JSQ语言在这里可能是JavaScript的一个自定义变体或者是一个特别设计的脚本语言，用于处理网页中的逻辑交互。 HTML（HyperText Markup Language）是构建网页结构的基础，它定义了页面的各个元素，如按钮、文本框等。在这个计算器项目中，HTML用于创建计算器的布局和界面元素，包括数字按钮、运算符按钮以及显示结果的文本框。在HTML文件中，通常会包含`<input>`元素来创建可点击的按钮，每个按钮对应一个特定的数值或运算符。例如，0到9的数字按钮、加号、减号、乘号、除号等。这些按钮可能通过`type="button"`属性来定义，并通过`onclick`事件处理函数绑定JavaScript代码，以便在用户点击时触发相应的计算操作。 JavaScript（可能在这里指JSQ语言）则是实现计算器功能的核心。它负责捕获用户的输入，解析运算表达式，并执行计算。JavaScript代码通常嵌入在HTML文件中，或者引用外部的.js文件。在JSQ.html这个例子中，计算逻辑可能被封装在一个或多个函数中，比如`add()`, `subtract()`, `multiply()`, `divide()` 和 `modulus()`，这些函数会在用户点击运算按钮时调用。计算过程一般分为以下步骤： 1. **获取输入值**：JavaScript通过`document.getElementById()`方法获取用户在输入框中输入的数值。 2. **处理运算**：当用户点击运算符按钮时，对应的JavaScript函数会被调用。这些函数内部会根据当前的计算状态（例如，是否已经有第一个操作数，当前的操作符是什么）来执行适当的计算。 3. **更新显示**：计算完成后，结果会被放置回显示区域，通常是通过改变`innerHTML`属性实现的。 4. **错误处理**：为了确保计算器的健壮性，还需要考虑错误处理，比如除数为零的情况。 JSQ.txt文件可能是代码注释、说明文档或者是JSQ语言的具体实现细节。在这个项目中，它可能包含了JavaScript代码的实现，解释了如何与HTML元素交互，以及如何处理各种计算逻辑。 JSQ.html计算器网页展示了HTML和JavaScript（或JSQ语言）如何协同工作，提供动态的用户交互体验，实现了基本的计算功能。通过学习这个示例，开发者可以深入理解前端开发中的事件处理、DOM操作和基本的计算逻辑。

资源推荐

资源详情

资源评论

收起资源包目录

JSQ.rar （1个子文件）

JSQ.txt 11KB

<html> <head> <style type="text/css"> .numberkey { width: 40px; height: 30px; text-align:center; vertical-align:middle; background-color: #FFFC66; } </style> </head> <body onkeydown="return noNumbers(event)" > <div> <table style="margin-top: 10%" align="center" id="calculater" border="1"> <tr> <td id="display" style="height:30px" colspan="5">0</td> </tr> <tr> <td class="numberkey">c</td> <td class="numberkey" >delete</td> <td class="numberkey" >/</td> <td class="numberkey" >*</td> </tr> <tr> <td class="numberkey" >1</td> <td class="numberkey" >2</td> <td class="numberkey" >3</td> <td class="numberkey" >-</td> </tr> <tr> <td class="numberkey" >4</td> <td class="numberkey" >5</td> <td class="numberkey" >6</td> <td class="numberkey" >+</td> </tr> <tr> <td class="numberkey" >7</td> <td class="numberkey" >8</td> <td class="numberkey" >9</td> <td class="numberkey" rowspan="2">=</td> </tr> <tr > <td class="numberkey" >%</td> <td class="numberkey" >0</td> <td class="numberkey" >.</td> </tr> </table> </div> </body> <script type="text/javascript"> var num1 = 0,num2 = 0, result = '', judge = 0, oper = 0, judgeNum = 0; document.getElementById("display").innerText = result; var numberkey = document.getElementsByClassName("numberkey"); for(num in numberkey) { var click = numberkey[num]; /** 鼠标操作 */ numberkey[num].onclick = function(click) { if(judge == 1) { judge = 0;oper = 0;result = '';judgeNum = 0; } var mous = event.srcElement.innerText; var reg = new RegExp("^[0-9]*$"); if(reg.test(mous)) { var num = Number.parseFloat(mous); if(judgeNum == 0) { result = num + ''; } else { result = result + '' + num; } judgeNum = 1; document.getElementById("display").innerText = result.toString(); } else { if(judgeNum == 0 && mous != '-' && mous != '.' && mous != 'c') { alert("请先输入数字或归零"); return; } if(mous == '-') { if(judgeNum == 0){ judgeNum = 1; result = '-'; document.getElementById("display").innerText = result; return ; } else { judgeNum = 0; num2 = Number.parseFloat(result); if(oper != 0) { result = operate(num1, num2, oper); num1 = result; document.getElementById("display").innerText = result; } else { num1 = Number.parseFloat(result); result = ''; document.getElementById("display").innerText = result; } oper = 109; } } else if(mous == '+') { judgeNum = 0; num2 = Number.parseFloat(result); if(oper != 0) { result = operate(num1, num2, oper); num1 = result; document.getElementById("display").innerText = result; } else { num1 = Number.parseFloat(result); result = ''; document.getElementById("display").innerText = result; } oper = 107; } else if(mous == 'c') { num1 = 0,num2 = 0, result = '', judge = 0, oper = 0, judgeNum = 0; document.getElementById("display").innerText = result.toString(); } else if(mous == '*') { judgeNum = 0; num2 = Number.parseFloat(result); if(oper != 0) { result = operate(num1, num2, oper); num1 = result; document.getElementById("display").innerText = result; } else { num1 = Number.parseFloat(result); result = ''; document.getElementById("display").innerText = result; } oper = 106; } else if(mous == '/') { judgeNum = 0; num2 = Number.parseFloat(result); if(oper != 0) { result = operate(num1, num2, oper); num1 = result; document.getElementById("display").innerText = result; } else { num1 = Number.parseFloat(result); result = ''; document.getElementById("display").innerText = result; } oper = 111; } else if(mous == '%') { judgeNum = 0; num2 = Number.parseFloat(result); if(oper != 0) { result = operate(num1, num2, oper); num1 = result; document.getElementById("display").innerText = result; } else { num1 = Number.parseFloat(result); result = ''; document.getElementById("display").innerText = result; } oper = 1001; } else if(mous == '=') { judgeNum = 1; if(oper != 0) { num2 = Number.parseFloat(result); result = operate(num1, num2,oper); } document.getElementById("display").innerText = result; judge = 1; } else if(mous == 'delete') { result = result.substring(0, result.

评论收藏

内容反馈

版权申诉