Question

老实说，我对应该为该项目编写的代码感到困惑。

这是我正在研究的项目。我尝试了无数次尝试，使我回到了地面。

<!DOCTYPE html>
<html>
    <head>
        <title>Equation Solver</title>

            <style>
            /* CSS styles goes here */

            form {
                margin: auto; /* Centers the Form */
                position: center;
                text-align: center;
                border: 4px solid black;
                background:rgb(153, 102, 255);
                color: black;
                width: 300px;
                height: 100%;
                padding: 20px 68px;
                border-radius: 32px 
            }

            </style>

                <script>
                //JavaScript code goes here



                </script>
    </head>

        <body>

            <h1 align="center"> Solve the Equation </h1>

                <form align="center">
                    <b>Click Me For a Mathematic Equation.</b><br>
                        <button onclick="ClickMe();">Click Me</button>
                </form>

                <form align="center">
                    <b>Submit Your Answer</b><br>
                        <button onclick="Submit();">Submit</button>
                </form>

                <form align="center">
                    <b>Reset</b><br>
                        <button onclick="Reset();">Reset</button>
                </form>

<br><br>

        </body>

</html>

一个表单应该有一个按钮，一旦单击它，它将从3个保存的方程中生成一个随机方程（我将尝试为二次方程编写代码

“其他表格”应该是您提交从上面生成的随机方程式答案的地方。如果您对随机方程式的回答是正确的，则背景变为绿色，否则背景变为红色。（第二部分，我可以自己做）

Last Form基本上会在选项卡中重新加载您的网站。

Answer 1

您只需要在脚本块内（在<script>和</script>之间编写函数，用代码替换//JavaScript code goes here。

您必须定义按钮的onclick事件中使用的三个功能。 ClickMe（），Submit（）和Reset（）

在Javascript中定义函数

Clickme应该从数组中获取随机元素

也许您还需要一些dom操作功能以将方程式的内容添加到某处

Submit（）需要获取一些输入并将其与预期结果进行比较，因此您将需要在提交表单上输入一些字段

或者您应该提示用户输入答案

您正在检查答案是否有效。您需要检查评估公开的方程式，也许您需要eval，但请记住

评估是邪恶的

您的Reset（）函数只需要重新加载页面 -How to reload a page using JavaScript

创建方程式求解器

1 个答案: