web基础3.28

最新推荐文章于 2024-09-23 15:09:30 发布

xiaoyue2019

最新推荐文章于 2024-09-23 15:09:30 发布

阅读量627

点赞数

本文链接：https://blog.csdn.net/xiaoyue2019/article/details/123808967

版权

前端作业都到这里来专栏收录该内容

3 篇文章 0 订阅

订阅专栏

web作业，Jquery，用vue怕被老师说是抄的…
后端转前端加油
2022.3.28

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>计算器</title>
    <script src="https://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
</head>
<script>
    let refresh= () => {
        let first = parseInt(Math.random()*10+1);
        let second = parseInt(Math.random()*10+1);
        let eval = parseInt(Math.random()*4);
        let result = 0;
        console.log(eval);
        switch(eval){
            case 0:
                result = first + second;
                break;
            case 1:
                result = first - second;
                break;
            case 2:
                result = first * second;
                break;
            case 3:
                result = first / second;
                break;
        }
        const arr = ['+', '-', '*', '/'];
        $("#answer").text(first + " " + arr[eval] + " " + second + "=");
        return [first,second,result,arr[eval]];
    }
    $(function (){
        let [first,second,result,eval] = refresh();

        $("#refresh").click(function (){
            let [first,second,result,eval] = refresh();
        })

        $("#request").click(function (){
            let your_request = $("#input").val();
            console.log(result);
            if (your_request == result){
                $("#result").text("答案正确，" + first + eval + second + "=" + result);
            }else{
                $("#result").text("答案错误，" + first + eval + second + "=" + result);
            }
        })
    })
</script>
<body>
    <h2>十以内加减乘除练习网站</h2><br>
    <p id="answer"></p>
    你的答案：<input id="input"><br><br>
    <button id="request">答题</button>
    <button id="refresh">刷新</button>
    <p id="result"></p>
</body>
</html>