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