使用 JavaScript。需要找到顶点和对称轴

Question

使用 JS 创建可以求解和绘制二次方程式的代码。我遇到问题的部分是查找和减少对称轴和顶点。
我试图做 Symm 轴，但它不起作用。 html 代码用于我希望 Symm 轴出现的框。谢谢大家！

<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 here。

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;
    }
}