Привет, мир, и в этом уроке я научу вас, ребята, как создать калькулятор квадратичных формул на чистом javascript! У меня есть видеоурок по этой ссылке, или вы можете прокрутить вниз, чтобы увидеть его внизу страницы! Вы измените переменные внутри файла javascript, и когда вы запустите программу, она отобразит решения (корни) этого квадратного уравнения. Теперь давайте начнем!

  1. Создайте свой HTML-файл
<!DOCTYPE html>
<html>
    <head>
        <!-- Insert Meta Data if You Would Like -->
        <title>Quadratic Formula Calculator in Pure Javascript</title>
        <script src='main.js'></script>
    </head>

    <body>
        <!-- The document.write() function will print out our data here later -->
    </body>
</html>

2. Инициируйте свой файл JavaScript

Теперь мы создадим наш файл javascript и добавим пару переменных и функцию document.write()! Функция document.write() просто запишет любой параметр и поместит его в теги ‹body› как обычный текст! Не забудьте назвать файл javascript так, как вы его объявили в тегах ‹script› внутри файла HTML!

var a = 1;
var b = 4;
var c = 3;

var answers = []

document.write(`Your answers are (${answers[0]}, ${answers[1]})`);
// The Grave Accent (Backtick) is a type of string in which we can insert javascript data inside of the ${}s

3. Добавьте квадратную формулу

У квадратного уравнения может быть до двух решений (корней), поэтому наши ответы представляют собой массив! Посмотреть, как выглядит квадратное уравнение и квадратная формула, можно по этой ссылке! Теперь нам нужно только добавить формулу в наш массив ответов!

var a = 1;
var b = 4;
var c = 3;

var answers = [
    (-b + Math.sqrt(b**2 - 4*a*c)) / (2 * a),
    (-b - Math.sqrt(b**2 - 4*a*c)) / (2 * a)
]

document.write(`Your answers are (${answers[0]}, ${answers[1]})`);

Наконец, вы можете добавить некоторые операторы if и else if для обработки, когда есть только один или нет ответа на это квадратное уравнение. Вы также можете получить переменные из тегов ‹input› внутри ‹body› вместо того, чтобы жестко кодировать их внутри файла JavaScript! Проверьте CodePen для этого урока здесь!