Квадратне рівняння

Обчислення коренів квадратного рівняння з використанням веб-форми

by oleksandr_s

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Квадратне рівняння</title>
</head>
<body>
    <h1>РОЗВ'ЯЗУВАННЯ КВАДРАТНОГО РІВНЯННЯ</h1>
    <form name="equation">
        <fieldset style="width: 50%">
            <legend style="font-weight: bold;">Коефіцієнти</legend>
            <p>
                <label>a=</label>
                <input type="text" name="a" value="">
            </p>
            <p>
                <label>b=</label>
                <input type="text" name="b" value="">
            </p>
            <p>
                <label>c=</label>
                <input type="text" name="c" value="">
            </p>
        </fieldset>
        <br>
        <input type="button" value="Обчислити" onclick=calculate()>
        <p></p>
        <fieldset style="width: 50%;">
            <legend style="font-weight: bold;">Відповідь:</legend>
            <p>
                <label>D=</label>
                <input type="text" name="d" value="">
            </p>
            <p>
                <label>x<sub>1</sub>=</label>
                <input type="text" name="x1" value="">
            </p>
            <p>
                <label>x<sub>2</sub>=</label>
                <input type="text" name="x2" value="">
            </p>
        </fieldset>
        <br>
        <button type="reset">Очистити</button>
    </form>
    <script type="text/javascript" src="script.js"></script>
</body>
</html>

JavaScript

function calculate() {
	let a = document.forms.equation.a.value
	let b = document.forms.equation.b.value
	let c = document.forms.equation.c.value
	let d = b*b-4*a*c
	document.forms.equation.d.value = d
	if (d < 0) {
		alert('Дійсних коренів немає!')
	} else {
		let x1 = (-b+Math.sqrt(d))/(2*a)
		let x2 = (-b-Math.sqrt(d))/(2*a)
		document.forms.equation.x1.value = x1.toFixed(2)
		document.forms.equation.x2.value = x2.toFixed(2)
	}
}