"Uncaught TypeError: check is not a function" no typo html website-CodePudding

This piece of code is meant to call a function, named "check()" and return a value depending if certain radio buttons are checked, in the span element with id "ans".

<head>
    <script>
    var check = 0
    function check() { // Where the function is set
        if (document.getElementById("hig").checked) {
            check =1
        }
        if (document.getElementById("med").checked) {
            check =1
        }
        if (document.getElementById("low").checked) {
            check =1
        }
        document.getElementById("ans").textContent="You got "   check   "/3"
    }
    </script>
    </head>
    
    <body>
    <center>
    <h2>What radiation does:</h2>
    <h3>Penetrating Power:</h3>
    Alpha Radiation: <span id="a"></span> <br>
    <input type="radio" name="a" id="hig">
    <input type="radio" name="a" id="med">
    <input type="radio" name="a" id="low"> <br>
    
    Beta Radiation: <br>
    <input type="radio" name="b" id="hig">
    <input type="radio" name="b" id="med">
    <input type="radio" name="b" id="low"> <br>
    
    Gamma Radiation: <br>
    <input type="radio" name="g" id="hig">
    <input type="radio" name="g" id="med">
    <input type="radio" name="g" id="low"> <br>
    
    High/Medium/Low <br>
    <button onclick="check()">Check</button> <!--Where the function is called-->
    <span id="ans"></span>
    </center>
    </body>

However, when "check()" is called, it returns the error code: "Uncaught TypeError: check is not a function".

It doesn't seem to be a typo, as what I can see so far.

Any ideas?

CodePudding user response：

Your function name is the same name as the variable, just pick a new name for the function