5 <title>YOU ARE AN EGG</title>
10 addEventListener("DOMContentLoaded", _ => {
11 const elem = document.getElementById("name")
13 elem.addEventListener("input", _ => {
14 fetch("https://api.genderize.io?name=" + elem.value)
15 .catch(_ => {document.getElementById("head").innerHTML = "Gefickt!"})
16 .then(res => res.json())
17 .then(data => ({female: 0, male: 1})[data.gender])
18 .catch(_ => undefined)
20 if (gender === undefined)
21 document.getElementsByName("gender").forEach(elem => {elem.checked = false})
23 document.getElementById("gender." + (1 - gender)).checked = true
33 <h1 id="head">USE THIS APP TO FIND OUT YOUR TRUE GENDER</h1>
34 <h2 style="font-size:2px">(&if ur mom gae)</h1>
35 <input type="text" placeholder="(legal) first name" id="name">
37 <input type="radio" name="gender" value="female" id="gender.0" onclick="return false"><label for="gender.female">Female</label>
39 <input type="radio" name="gender" value="male" id="gender.1" onclick="return false"><label for="gender.male">Male</label>