Files
BroCodeJS/Basics/index.html

65 lines
2.3 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sh*t</title>
</head>
<body>
<div>
<input type="button" id="allertask" value="AllertAsk, Then Console Repeare">
</div>
<div>
<h1>Welcome!</h1>
<label for="" id="">Username</label>
<input type="text" name="mytext" id="mytext"><br>
<input type="button" id="submit" value="submit"><br>
<p id="welc">Output shall be here!!!</p>
</div>
<div>
<h1>a + b</h1>
<label for="numa">Value a: </label>
<input type="text" name="" id="numa">
<label for="numb">Value b: </label>
<input type="text" name="" id="numb">
<input type="button" id="numcalc" value="submit"><br>
<p id="calcout">Output shall be here!!!</p>
</div>
<div>
<h1>Circumference of a circle!</h1>
<label for="numrad">radius (cm): </label>
<input type="text" name="" id="numrad">
<input type="button" id="circumcal" value="submit"><br>
<p id="circumcalout">Output shall be here!!!</p>
</div>
<div>
<h1>Counter:</h1>
<label for="" id="counterlab" style="font-size: 5em;">0</label><br>
<input type="button" id="countdecrease" value="-----">
<input type="button" id="countreset" value="RESET">
<input type="button" id="countincrease" value="+++++">
</div>
<div>
<h1>MATH!!!!</h1>
<input type="button" id="gimmeapie" value="GIMME PIEEE">
<input type="button" id="mathefloor" value="Floor PIE">
<input type="button" id="matheceil" value="Ceil PIE">
<input type="button" id="mathetrunc" value="Trunc PIE">
<input type="button" id="mathepower" value="Power of 2 PIE">
<input type="button" id="matheroot" value="Square root of 2 PIE">
<input type="button" id="mathelog" value="Log PIE">
<br><label id="mathouput"></label>
</div>
<div>
<h1>RANDOMISE</h1>
<input type="button" id="gimerandom" value="RANDOMISE!">
<input type="button" id="rollthedice" value="DICE!">
<input type="button" id="biggerrandom" value="BIGER random!!">
<br><label id="randomoutput"></label>
</div>
<script src="script.js"></script>
</body>
</html>