Используя JavaScript.Нужно найти вершину и ось симметрии

Question

Создание кода с использованием JS, который может решать и строить квадратичные диаграммы.Части, с которыми у меня возникла проблема, - это поиск и уменьшение оси симметрии и вершины.
Я пытался выполнить Ось Симма, но она не работает.HTML-код для коробки, в которой я хотел бы, чтобы ось Симма появилась. Спасибо всем!

<tr>
    <td>
        <a>Axis of Symmetry</a></br>
            <input id="Axis" type="text" readonly="readonly"></input>
            </br>
            <input type="button" value="Clear" onclick="cancel()"></input>
    </td>
</tr>

<script>
//Axis of Symmetry//
var AOS= ((-b) / (2*a));
document.getElementById('Axis').value = AOS;
</script>

Answer 1

Исправлен неправильный код

Прежде всего, тег <input> не имеет закрывающего тега (у вас не должно быть </input> - его не существует).Во-вторых, когда вы хотите разбить строку, вы используете тег <br />.</br> не является допустимым тегом.

Работа с Javascript onclick

Похоже, вам лучше всего создать функцию (я называю ее calculate ниже), чтобы получить значения для вашего квадратного уравнения и затем отобразитьрезультат для оси симметрии.Посмотрите код Javascript ниже, чтобы увидеть, как я бы это реализовал.

Решение

Ниже приведен рабочий пример того, как рассчитать ось симметрии.Я сделал функционал JSFiddle здесь , если вы хотите увидеть этот код в действии.

HTML

<p>
    Please provide real constants a, b, and c in the boxes 
    below corresponding to the quadratic equation a*x^2 + b*x + c
</p>

<span style="display:inline-block">
    <label for="a" style="display:block;">a</label>
    <input type="number" name="a" id="a" />
</span>

<span style="display:inline-block">
    <label for="b"  style="display:block;">b</label>
    <input type="number" name="b" id="b"/>
</span>

<span style="display:inline-block">
    <label for="c"  style="display:block;">c</label>
    <input type="number" name="c" id="c" />
</span>

<input type="button" value="Calculate" onclick="calculate()">
<br />
<br />

<tr>
    <td>
        <a>Axis of Symmetry</a><br />
            <input id="Axis" type="text" readonly="readonly" value="">
            <br />
            <input type="button" value="Clear" onclick="cancel()">
    </td>
</tr>

Javascript ( поместите это между <style> и </style>):

// Calculate axis of symmetry
function calculate(){
    var a = document.getElementById('a').value;
    var b = document.getElementById('b').value;
    var c = document.getElementById('c').value;

    if(isNaN(a) || isNaN(b) || isNaN(c)){
        window.alert("Please enter valid numbers for a, b, and c.");
    }
    else{
      var AOS= ((-b) / (2*a));
      document.getElementById('Axis').value = AOS;
    }
}