33 lines
720 B
HTML
33 lines
720 B
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<title>Super Heroes vs. Super Villains</title>
|
||
|
|
<script src="hero.js"></script>
|
||
|
|
<style>
|
||
|
|
body {
|
||
|
|
font-family: Arial, Helvetica, sans-serif;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<body>
|
||
|
|
<h1>Super Heroes vs. Super Villains</h1>
|
||
|
|
|
||
|
|
<p>Select a hero:
|
||
|
|
<select id="heroSelect">
|
||
|
|
<option>Super Bacon</option>
|
||
|
|
<option>Flat-Man</option>
|
||
|
|
<option>Mighty Woman</option>
|
||
|
|
<option>Captain Marvelous</option>
|
||
|
|
</select>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<p>Select a villain:
|
||
|
|
<select id="villainSelect">
|
||
|
|
<option>The Jokester</option>
|
||
|
|
<option>Magnet Man</option>
|
||
|
|
<option>Lex Loner</option>
|
||
|
|
<option>Thankos</option>
|
||
|
|
</select>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<p id="winner"></p>
|
||
|
|
</body>
|
||
|
|
</html>
|