HTML button isn’t showing up-CodePudding

Ok, I’m new to all this, and this is a test website, and I’ve been searching the web for solutions for like an hour. This button in html isn’t showing up even though I used the right tags and stuff… is there a piece of code I need to input to import JavaScript or something? I know is a thing but I’ve seen people put it inside the tags like I did. I don’t know what I’m doing wrong.

<!doctype html>
<html> 
<head><h1>Do you like pineapple on pizza?</h1></head><br>
<body> 
<label for="pizza-select">Tell the truth. C'mon...</label>
<select id="pizza-select">
<option value= "">Pick one goddamn it.</option>
<option value= "yes">Yes, I feel special for having an unpopular opinion</option>
<option value= "no">No, I am close minded and hate having fun</option> <br>
<button onclick="alert('eh idc')">Done</button>
</body> 
</html>

CodePudding user response：

You didn't close the select tag:

<!doctype html>
<html> 
<head><h1>Do you like pineapple on pizza?</h1></head><br>
<body> 
<label for="pizza-select">Tell the truth. C'mon...</label>
<select id="pizza-select">
<option value= "">Pick one goddamn it.</option>
<option value= "yes">Yes, I feel special for having an unpopular opinion</option>
<option value= "no">No, I am close minded and hate having fun</option>
</select>
<br>

<button onclick="alert('eh idc')">Done</button>
</body> 
</html>

CodePudding user response：

Using an H1 in the head will not work. If you are looking for a tab/page title I would recommend using the title tag as shown below. You can use the H1 as your content title or heading but make sure to keep it in your body. Looks like you forgot to close your select tag which is the root of your button issue.

<!doctype html>
<HTML> 

<head>
<title>Do you like pineapple on pizza?</title>
</head>

<body> 
<h1>Do you like pineapple on pizza?</h1>
<label for="pizza-select">Tell the truth. C'mon...</label>
<select id="pizza-select">
<option value= "">Pick one goddamn it.</option>
<option value= "yes">Yes, I feel special for having an unpopular opinion</option>
<option value= "no">No, I am close minded and hate having fun</option>
</select>
<br>
<button onclick="alert('eh idc')">Done</button>
</body> 
</html>