StringsAndAll

This commit is contained in:
2024-09-19 20:00:40 +02:00
parent f75e72ef8a
commit a6e71bf9aa
2 changed files with 133 additions and 2 deletions

View File

@ -6,8 +6,56 @@
<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>
<input type="button" value="Submit!" id="radiosubmitter">
</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>
<script src="script.js"></script>
</body>
</html>