iqestimator/index.html
2024-11-07 09:43:17 +11:00

45 lines
2.0 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>The IQ Estimator</title>
<link type="text/css" rel="stylesheet" href="index.css">
</head>
<body>
<div id="main">
<h2>The IQ Estimator</h2>
<div class="section">
<div class="box" id="q1">
<h3>Question 1</h3>
<p>Are you an American citizen?</p>
<button class="bluebutton" onclick="international()">Nope :)</button>
<button class="redbutton" onclick="americanCitizen()">YES AMERICAAAA 🦅</button>
</div>
<div class="box" id="q2a" style="display: none;">
<h3>Question 2</h3>
<p>Did you register to vote?</p>
<button class="bluebutton" onclick="voted()">Yes!</button>
<button class="redbutton" onclick="novoted()">No :/</button>
</div>
<div class="box" id="q3" style="display: none;">
<h3>Question 3</h3>
<p>Who did you vote for?</p>
<button class="bluebutton" onclick="smartPerson()">Kamala Harris!</button>
<button class="redbutton" onclick="noBrainCells()">TRUMP 2024! MAKE AMERICA GREAT AGAIN!</button>
</div>
<div class="box" id="q2b" style="display: none;">
<h3>Question 2</h3>
<p>Who would you vote for?</p>
<button class="bluebutton" onclick="smartPerson()">Kamala Harris</button>
<button class="redbutton" onclick="noBrainCells()">Donald Trump</button>
</div>
<div class="box" id="iqresult" style="display: none;">
<h3>Your Result...</h3>
<h2 id="resultPlaceholder"></h2>
<p id="snarkyRemark"></p>
</div>
</div>
</div>
<script src="index.js"></script>
</body>
</html>