JS分数判断

最新推荐文章于 2024-08-16 09:49:19 发布
最新推荐文章于 2024-08-16 09:49:19 发布
阅读量286 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/index_Bug/article/details/116147631
版权

HTML JavaScript 分数验证 奖励系统 前端开发
关键词由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <form action="" method="post">
            <input type="text" id="fraction" placeholder="请输入分数"/>
            <input type="button" value="请求奖励" οnclick="fr()"/>
        </form>
        <div id="dp"></div>
        
        <script type="text/javascript">
            function fr(){
            let fraction=document.getElementById('fraction').value;
            console.log(fraction);
            fraction = parseInt(fraction);
            if(fraction <0 || fraction>100) {
                
                fraction=document.getElementById('dp').innerHTML='请输入1-100之间的数';
                fraction = parseInt(fraction);
                return;
            }
            let msg='';
            if(fraction <=100 && fraction>=90){
                msg='奖励两个雪糕';
            }else if(fraction>=80){
                msg='奖励一个雪糕';
            }else if(fraction>=70){
                msg='奖励女子单打';
            }else if(fraction>=60){
                msg='奖励男子单打';
            }else if(fraction>=0){
                msg='奖励混合双打';
            }else if(escape(fraction).indexOf( "%u" )<0){
                msg= "包含字符";
            }
            document.getElementById('dp').innerHTML=msg;
            }
        </script>
    </body>
</html>

index_Bug
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
javascript 8种方法根据分数判断等级
xiao_xiaokui的博客
03-22 1万+
编写一个函数，根据输入的分数，返回对应的等级 (注：只需要关注核心逻辑，不需要考虑输入分数是否是数字，默认是数字) 1.若分数大于100分或分数小于0分，返回<无效分数> 2.若分数大于或等于0分，小于60分，返回<不及格> 3.若分数大于等于60分，小于70分，返回<及格> 4.若分数大于等于70分，小于80分，返回<一般> 5.若分数大于等于...
javascript脚本编程解决考试分数统计问题
10-30
在教学场景中，JavaScript也可以用于编写用于统计考试分数的程序。根据提供的文件信息，我们可以探讨以下知识点： 1. JavaScript基础语法与DOM操作：在提供的代码中，我们可以看到JavaScript脚本是如何通过DOM...
Fraction.js:分数是用JavaScript编写的有理数库
04-30
Fraction.js-JavaScript中的ℚ 厌倦了用双精度数表示的不精确数字，这些数字必须以相同的方式存储有理数和无理数，例如PI或sqrt（2）？ 显然，以下问题是可以避免的： 1 / 98 * 98 // = 0.9999999999999999 如果您需要更高的精度或只想要分数，请查看Fraction.js ： var Fraction = require ( 'fraction.js' ) ; Fraction ( 1 ) . div ( 98 ) . mul ( 98 ) // = 1 在内部，数字用分子/分母表示，这只会增加一点开销。 但是，该库在编写时就考虑到了性能，并且性能优于任何其他实现，如您 所见。 这种基本的数据类型使其成为和的理想基础。 将小数转换为分数 fraction.js最简单的工作是从小数点后得到一个分数： var x = new Fra
javascript判断成绩案例
2302_76195408的博客
01-25 1055
if else if 多分支语句 简单案例
js小例子（1）判断成绩等级
qq_39008205的博客
09-04 3667
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <script> var res=window.prompt("请输入成绩"); if(res==''){ document.write("请输入...
js小明成绩的判断-if(进行判断)
weixin_47295886的博客
10-18 404
var scores = prompt("请输入小明的期末成绩:");alert('奖励80w以上');alert('奖励100w');else alert('什么都没有');alert('奖励60W');需要进行合法性的判断：>100\
JS switch判断 三目运算 while 及 属性操作代码
12-11
若用if判断语句如下 if(isHide) { box.style.display = "block"; } else { box.style.display = "none"; } 三目运算替代if box.style.display = isHide?"block":"none"; 判断条件？成立执行语句：不成立执行语句。...
PHP判断密码强度的方法详解
10-19
表格中每一列的`<td>`标签中都包含了用于显示密码强度的`<span>`标签，其初始状态是隐藏的（`style="DISPLAY:none"`），当密码强度判断结果返回后，JavaScript函数会根据返回的分数动态地控制这些`<span>`标签的显示...
分数得分：whjr
02-10
它会涉及到变量用于存储和更新得分，条件语句（如if-else）来判断何时增加或减少分数，以及可能的函数来处理得分逻辑。例如，每当用户完成一项任务或达到某个目标，分数就会增加。 【描述】中提到的"分数得分：whjr...
js验证表单填写的分数格式
qq_38098125的博客
08-23 427
let reg = /^[0-9]*\/+[1-9][0-9]*$/ let _rate = $("input[name='rate']").val(); if(!reg.test(_rate)){ alert(xxx必须为分数) return } let numArr=_rate.split('/'); if(Number(numArr[0])>Number(numArr...
Fraction.js, 在JavaScript中，分数是一个有理数字.zip
09-18
Fraction.js, 在JavaScript中，分数是一个有理数字 对inprecise数表示的数值疲劳，必须存储有理和无理数，如PI或者 sqrt(2) 。 显然，以下问题是可以预防的：1 / 98 * 98 // = 0.9999999999999999如果需要更精确，或者
推荐一款纯JavaScript实现的分数运算库 —— `fractional`
gitblog_00008的博客
06-06 404
推荐一款纯JavaScript实现的分数运算库 —— fractional 项目地址:https://gitcode.com/ekg/fraction.js 在编程中，我们经常需要处理各种数值计算，而分数运算作为基础数学的一部分，在特定场景下显得尤为重要。今天要向大家推荐的是一款名为fractional的JavaScript库，它为我们提供了便捷的分数算术操作。 1、项目介绍 fractional...
分享一款神奇的JavaScript库：Fraction.js
gitblog_00069的博客
04-19 462
分享一款神奇的JavaScript库：Fraction.js Fraction.jsFraction is a rational numbers library written in JavaScript项目地址:https://gitcode.com/gh_mirrors/fra/Fraction.js 项目简介 是一个轻量级的JavaScript库，专门用于处理和操作有理数（分数）。它使得在...
校验输入分数或小数
xiaobingtao的专栏
03-10 598
$("#ccc").keypress(onlyNum); function onlyNum(e) {    var pos = getCursortPosition(e);    var keyNum;    if(window.event){//IE     keyNum = window.event.keyCode;    }else if(e.which){     keyN
Fraction.js 使用教程
最新发布
gitblog_01058的博客
08-16 231
Fraction.js 使用教程 Fraction.jsFraction is a rational numbers library written in JavaScript项目地址:https://gitcode.com/gh_mirrors/fra/Fraction.js 1. 项目的目录结构及介绍 Fraction.js 是一个用于处理分数的 JavaScript 库。以下是其基本的目录...
Fraction
菲菲家的吴先森
01-15 839
Description Convert a rational fraction to a decimal number. Input There are multiple test cases. Each line is a fraction a/b(0<=a< b< 100). Output Each line output the decimal number...
mathjs安装成功后，报错Fraction.prototype.type = ‘Fraction‘；无法定义type
baba9909sugar的博客
02-22 358
其实mathjs安装包没问题，是因为我们在npm install mathjs的时候，会自动安装fraction.js文件夹到你的node_modules文件夹下，然后mathjs安装包里面的fraction.js会引用node_modules根目录下的fraction.js。如果你的项目中有package-lock.json文件，你会发现mathjs下面的fraction.js版本与自动安装的fraction.js版本号不同，导致出现语法错误；解决办法，手动安装fraction.js为指定版本号。
JS switch语句来进行成绩奖励
qq_43737549的博客
09-01 329
case的结果是boolean，switch括号里面要写true才能得出结果。
js选择题，判断对错并统计分数
05-28
好的，我可以为您提供一个简单的JS选择题题目，同时编写代码来判断用户的答案并统计分数。题目如下： ``` 1. What does CSS stand for? a) Creative Style Sheets b) Computer Style Sheets c) Cascading Style Sheets d) Colorful Style Sheets 2. What is the correct syntax for referring to an external script called "script.js"? a) <script href="script.js"> b) <script name="script.js"> c) <script src="script.js"> 3. How do you declare a JavaScript variable? a) var carName; b) variable carName; c) v carName; 4. What is the correct way to write a JavaScript array? a) var colors = "red", "green", "blue"; b) var colors = ["red", "green", "blue"]; c) var colors = {"red", "green", "blue"}; 5. Which operator is used to assign a value to a variable? a) = b) == c) === d) != 6. How do you write "Hello World" in an alert box? a) alertBox("Hello World"); b) msgBox("Hello World"); c) alert("Hello World"); d) msg("Hello World"); ``` 现在，为了判断用户的答案并统计分数，我们可以编写以下代码： ```javascript // 问题和答案 const questions = [ { question: "1. What does CSS stand for?", answer: "c" }, { question: "2. What is the correct syntax for referring to an external script called 'script.js'?", answer: "c" }, { question: "3. How do you declare a JavaScript variable?", answer: "a" }, { question: "4. What is the correct way to write a JavaScript array?", answer: "b" }, { question: "5. Which operator is used to assign a value to a variable?", answer: "a" }, { question: "6. How do you write 'Hello World' in an alert box?", answer: "c" } ]; // 分数 let score = 0; // 为每个问题创建一个单选框，并将其添加到HTML页面中 const quizContainer = document.getElementById("quiz"); const resultsContainer = document.getElementById("results"); const submitButton = document.getElementById("submit"); function buildQuiz() { const output = []; questions.forEach((currentQuestion, questionNumber) => { const answers = []; for (letter in currentQuestion) { if (letter !== "question") { answers.push( `<label> <input type="radio" name="question${questionNumber}" value="${letter}"> ${letter}: ${currentQuestion[letter]} </label>` ); } } output.push( `<div class="question"> ${currentQuestion.question} </div> <div class="answers"> ${answers.join("")} </div>` ); }); quizContainer.innerHTML = output.join(""); } // 计算分数 function showResults() { const answerContainers = quizContainer.querySelectorAll(".answers"); questions.forEach((currentQuestion, questionNumber) => { const answerContainer = answerContainers[questionNumber]; const selector = `input[name=question${questionNumber}]:checked`; const userAnswer = (answerContainer.querySelector(selector) || {}).value; if (userAnswer === currentQuestion.answer) { score++; answerContainers[questionNumber].style.color = "lightgreen"; } else { answerContainers[questionNumber].style.color = "red"; } }); resultsContainer.innerHTML = `You scored ${score} out of ${questions.length}!`; } // 在提交按钮被单击时，计算分数 submitButton.addEventListener("click", showResults); // 构建问题 buildQuiz(); ``` 这段代码将创建一个包含每个问题和答案的数组。然后，它将为每个问题创建一个单选框，并将其添加到HTML页面中。最后，它将在用户单击提交按钮时计算用户的得分并显示结果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值