"Uncaught TypeError: check is not a function" html website

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?

>Solution :

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

Leave a Reply