内部HTML,为什么此代码不起作用?

时间:2019-03-01 22:23:22

标签: javascript

伙计们,我在其中放了一个警报框,以查看代码是否起作用,但是当我运行它时,代码却无法起作用。我尝试对其进行调试,但我认为问题出在document.getelementbyid(ofbat)上,但不确定到底出了什么问题。 同样,一旦代码起作用,我如何向其添加内部html,以便答案在同一屏幕上出现?我强调了我认为代码无法正常工作的部分。

<html !doctype>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title> Lab7 Baseball Form</title>
    <script type="text/javascript">
        function calculation() {

        var batterName = parseFloat(document.getElementById('battername').value);
        *var atBat = parseFloat(document.getElementById)('ofbat').value);*
        var ofSingles = parseFloat(document.getElementById)('ofsingles').value);
        var ofDoubles = parseFloat(document.getElementById)('ofdoubles').value);
        var ofTriples = parseFloat(document.getElementById)('oftriples').value);
        var ofHome = parseFloat(document.getElementById)('ofhome').value);
        var totalBases = ofSingles *1 + ofDoubles * 2 + ofTriples * 3 + ofHome *4;
        var slugPercent =totalBases/ atBat;
            alert batterName + slugPercent;
        }   
    </script>
</head>
<body>
    <h1>Slugging Percentage Calculator</h1>
    <form>
        <p>Batter's Name:</p> 
        <input type="text" id="battername" /><br />
        <p>Enter number of At Bats:</p>
        <input type="text" id="ofbat" /><br />
        <p>Enter number of Singles:</p>
        <input type="text" id="ofsingles" /><br />
        <p>Enter number of Doubles:</p>
        <input type="text" id="ofdoubles" /><br />
        <p>Enter number of Triples:</p>
        <input type="text" id="oftriples" /><br />
        <p>Enter number of Home Runs:</p>
        <input type="text" id="ofhome" /><br />
        <input type="button" value="Whats his slugging percentage?" onclick="calculation()">
    </form>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

您有语法错误:

  1. task body CounterTask is Timeout : Counter.Timeout; Dur : Duration; begin MyLoop: loop select accept Execute(t:in Counter.Timeout;d:in Duration) do Timeout := T; Dur := D; end Execute; Counter.Run (Timeout, Dur); or delay 2.0; exit; end select; end loop MyLoop; end CounterTask; document.getElementById)('ofbat')之后的)。与所有下一行相同。
  2. Id也是一个函数,因此应称为alert

我想我发现了所有语法错误,如果没有让我知道:

alert(argument)

UPD:由于发现了另一个语法错误,因此对代码进行了多次编辑。如果您没有看到此行,请再次检查代码。