80 lines
2.8 KiB
HTML
80 lines
2.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Another Junkie site!</title>
|
|
</head>
|
|
<body>
|
|
<div>
|
|
<h1>Which one is bigger?</h1>
|
|
<label for="">Number a: </label>
|
|
<input type="text" id="numberaa">
|
|
<label for="">Number b: </label>
|
|
<input type="text" id="numberba">
|
|
<input type="button" value="Curiculum" id="TheAnsweer">
|
|
<p id="answera">The stick of TRUTH</p>
|
|
</div>
|
|
<div>
|
|
<h1 id="thevalueoftruth">CHECKED!</h1>
|
|
<label for="theboxoftruth">Checkbox: </label>
|
|
<input type="checkbox" checked id="theboxoftruth">
|
|
</div>
|
|
<div>
|
|
<h1>Radio</h1>
|
|
<label for="cardiradio">Card1</label>
|
|
<input type="radio" name="rad1" id="cardiradio"><label for="cardiradio" id="cardiradiolab"></label><br>
|
|
<label for="cardtradio">Card2</label>
|
|
<input type="radio" name="rad1" id="cardtradio"><label for="cardtradio" id="cardtradiolab"></label><br>
|
|
<label for="cardhradio">Card3</label>
|
|
<input type="radio" name="rad1" id="cardhradio"><label for="cardhradio" id="cardhradiolab"></label><br>
|
|
|
|
<input type="button" value="Submit!" id="radiosubmitter">
|
|
</div>
|
|
<div></div>
|
|
<h1>Ternary operations</h1>
|
|
<label for="cardiradio">Card1</label>
|
|
<input type="radio" name="rad1" id="cardiradiott" onchange=RadioChanged()><br>
|
|
<label for="cardtradio">Card2</label>
|
|
<input type="radio" name="rad1" id="cardiradiott2" onchange=RadioChanged()><br>
|
|
<label for="cardhradio">Card3</label>
|
|
<input type="radio" name="rad1" id="cardiradiott3" onchange=RadioChanged()><br>
|
|
<label for="" id="checkedone"></label><br>
|
|
</div>
|
|
|
|
<div>
|
|
<h1>Days of the week</h1>
|
|
<label for="week-slider">Select a day of the week:</label>
|
|
<input type="range" name="week-slider" min="0" max="6" step="1" value="0" id="daysliderer">
|
|
<h2 id="daysoftheweek"></h2>
|
|
</div>
|
|
|
|
<div>
|
|
<h1>String manipulation</h1>
|
|
<label for="textimput">Some string: </label>
|
|
<input type="text" name="textimput" id="themodifierinputtext" value="Alapszöveg!">
|
|
<p id="modifiedoutput"></p>
|
|
</div>
|
|
|
|
<div>
|
|
<h1>MethodChaining</h1>
|
|
<input type="button" value="BEGIN THE QUESTIONING!!!" id="MethodChaining">
|
|
<p id="capitalisedletter">Your name with capital first letter: </p>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
<h1>PIRAMIDTIME!!!!</h1>
|
|
<input type="button" value="PIRAMIDTIME!" id="beginpiramid">
|
|
<p id="piramidtime"></p>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
<h1>NUMBER Guesser!</h1>
|
|
<p>Guess the number between 10 and 25!</p>
|
|
<input type="button" value="Begin!" id="Guesserbeginer">
|
|
</div>
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html> |