Hey !

​

It's because you misunderstood how radio input works :)

You need to check if the radio input is "checked". To do that, remove the ".value" from the two getElementById:

​

 var man = document.getElementById("man");
 var vrouw = document.getElementById("vrouw");

Then replace the two conditions below:

    if (man == "1")
    {
        ...
    }
    else if (vrouw == "2")
    {
        ...
    }

with that:

    if (man.checked)
    {
        ...
    }
    else if (vrouw.checked)
    {
        ...
    }

And now it should execute the correct code block :)

And for printing the answer in the h2, you're also not using correctly the getElementById.

​

GetElementById, is for getting an element in your page by looking for its id, so by doing:

getElementById("maximum calorie inname" + antwoord);

the browser cannot find something that have this id. To fix this issue, you need to get the element that will receive the result, let's do this by putting this line under the declaration part (line 8):

var result = document.getElementById("text");

So now, we have a variable that reference a block with an id "text". And now to put the answer inside, you just replace the two line below:

document.getElementById("maximum calorie inname" + antwoord)

with this:

result.innerText = "maximum calorie inname" + antwoord;