4jon

<!DOCTYPE html>
<html>
<head>
<title>Quiz!</title>
<meta charset="utf-8">

<link rel="stylesheet" type="text/css" href="quiz.css">
</head>
<body>
<h1>Pop Quiz</h1>
  <form id="quiz">
    <div id="animal">What is Ashley's favourite animal?
    </br><input type="radio" name="question0" value="sheep">Sheep
    </br><input type="radio" name="question0" value="dog">Dog
    </br><input type="radio" name="question0" value="cat">Cat
    </br><input type="radio" name="question0" value="dragon">Dragon
</div>
    </br>
    </br>
  <div id="food">What is Ashley's favourite food?
</br><input type="radio" name="question1" value="padthai">Pad Thai
</br><input type="radio" name="question1" value="inoodle">Instant Noodles
</br><input type="radio" name="question1" value="sushi">Sushi
</br><input type="radio" name="question1" value="kale">Kale Salad
</div>
</br>
</br>
<div id="retirement">Where does Ashley want to retire?
</br><input type="radio" name="question2" value="italy">Italy
</br><input type="radio" name="question2" value="korea">South Korea
</br><input type="radio" name="question2" value="thailand">Thailand
</br><input type="radio" name="question2" value="singapore">Hyrule
</div>
</br>
</br>
  <div id="hobby">What is Ashley's favourite hobby?
</br><input type="radio" name="question3" value="swimming">Swimming
</br><input type="radio" name="question3" value="knitting">Knitting
</br><input type="radio" name="question3" value="netflix">Netflix
</br><input type="radio" name="question3" value="reading">Reading
</div>
</br>
</br>  <button onclick="returnScore()">Submit Quiz</button>
</br>  <div id="results"></div>
</form>

<p id="ok"></p>
<p id="fail"></p>


</body>
<script>

var answers = ["sheep","sushi","thailand","knitting"],
    tot = answers.length;

function getCheckedValue( radioName ){
    var radios = document.getElementsByName( radioName ); // Get radio group by-name
    for(var y=0; y<radios.length; y++)
      if(radios[y].checked) return radios[y].value; // return the checked value
}

function getScore(){
  var score = 0;
  for (var i=0; i<tot; i++)
    if(getCheckedValue("question"+i)===answers[i]) score += 1; // increment only
  return score;

}

function returnScore(){
  if (getScore()==4){
    window.alert("<3")
  } else {
    window.alert(":(")
  }

}
</script>
</html>