Amal Suleman
New Coder
JavaScript:
<html>
<body>
<select id="colour">
<option>red</option>
<option>yellow</option>
<option>purple</option>
<option>orange</option>
<option>green</option>
</select>
<form id="animals">
<input type="radio" name="animals" value="elephant">Elephant <br>
<input type="radio" name="animals" value="tortoise">Tortoise <br>
<input type="radio" name="animals" value="dolphin">Dolphin <br>
<input type="radio" name="animals" value="kangroo">Kangroo <br>
</form>
<button onclick="createAnimal ()">Create the animal</button>
<script>
function createAnimal () {
var dropDownName = document.getElementById("colour");
var colourChosen = dropDownName.options[dropDownName.selectedIndex].text;
for(i=0; i<4; i++){
if(animalRadio[i].checked) {
var animalChosen = animalRadio[i].value;
}
}
}
alert(colourChosen + " " + animalChosen);
</script>
</body>
</html>