Создание решателя уравнений
Честно говоря, я просто запутался в том, что я должен кодировать для этого проекта.
Это для проекта, над которым я работаю. Бесчисленные попытки, которые я пробовал, только что заставили меня вернуться на первый этаж.
<!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 сохраненных уравнений (я собираюсь написать код для квадратного уравнения
Другая форма должна быть местом, где вы отправляете свой ответ на случайное уравнение, которое было создано сверху. Если ваш ответ на случайное уравнение правильный, то фон становится зеленым, иначе он становится красным. (Вторую часть я могу сделать сам)
Последняя форма в основном перезагружает ваш сайт во вкладке.
Пожалуйста, добавьте свой код JavaScript.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Вам просто нужно написать свои функции внутри блока скрипта (между <script> и </script>, заменив //JavaScript code goes here своим кодом.
Вы должны определить три функции, используемые в событиях onclick кнопок.
ClickMe(), Отправить() и Сбросить()
Определение функций в Javascript
- https://www.w3schools.com/js/js_functions.asp
- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Functions
Clickme должен получить случайный элемент из массива
- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array
- Получение случайного значения из массива JavaScript
Возможно, вам также понадобится функция манипулирования домом, чтобы добавить куда-нибудь содержимое уравнения.
Submit() должен получить некоторый ввод и сравнить его с ожидаемым результатом, поэтому вам понадобятся некоторые поля ввода в форме отправки.
- https://developer.mozilla.org/en-US/docs/Learn/HTML/Forms
- https://www.w3schools.com/html/html_forms.asp
Или вы должны предложить пользователю ввести ответ
- https://www.w3schools.com/jsref/met_win_prompt.asp
- https://www.webnots.com/create-alert-prompt-confirm-dialog-boxes-using-javascript/
Поскольку вы проверяете ответ, чтобы быть действительным. Вам нужно будет проверить оценку выставленного уравнения, и, возможно, вам понадобится eval, но помните
eval is evil
- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/eval
- https://javascriptweblog.wordpress.com/2010/04/19/how-evil-is-eval/
Вашей функции Reset() просто нужно перезагрузить страницу - Как перезагрузить страницу с помощью JavaScript
Где Джаваскрипт? Опубликованный вопрос, похоже, вообще не включает любая попытка для решения проблемы. StackOverflow ожидает от вас попробуй сначала решить свою проблему, поскольку ваши попытки помогают нам лучше понять, чего вы хотите. Пожалуйста, отредактируйте вопрос, чтобы показать, что вы пробовали, чтобы проиллюстрировать конкретное препятствие, с которым вы столкнулись в минимальный воспроизводимый пример. Для получения дополнительной информации см. Как спросить и возьмите тур.