45 lines
2.0 KiB
HTML
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>
|