<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Shitty Number Generator</title>
<link href="index.css" rel="stylesheet" type="text/css" />
<link rel="icon"
type="Imatges/favicon.gif"
href="Imatges/favicon.gif"/>
<style>
/* Tot aquest bloc sera per definir els aspectes visuals del programa */
html {
--lime-green: #20DA03;
}
/* Aquí definim el botó */
#buttonid {
width: 50px;
height: 50px;
background-color: var(--lime-green);
position: fixed;
top: 7px;
left: 225px;
border-style: none;
border-radius: 10px;
text-align: center;
color: #EAEAEA;
}
#time { /* Aquí el rellotge */
background-color: lawngreen;
color: black;
width: 60px;
text-align: center;
border-style: double;
border-color: green;
border-radius: 5px;
position: fixed;
top: 0px;
right: 10px;
}
</style>
</head>
<body>
<script src="index.js"></script>
<p id="time"> <!-- Definim el nombre màxim i mínim -->
</p>
<input type="number" id="imputNumMin" value="1" placeholder="Min"
style="position: fixed; top: 10px;"> <!-- Això és per definir el nombre més baix que pugui sortir -->
<input type="number" id="imputNumMax" value="10" placeholder="Max"
style="position: fixed; top: 35px;"> <!-- I aquí el més alt -->
<button type="button" id="buttonid" onclick="buttonClicked()"> <!-- Cream un botó -->
Click
</button>
<script> /* Comença el programa */
var min; /* Cream la variable min; nombre mínim */
var max; /* Cream la variable max; nombre màxim */
function buttonClicked() { /* Definim la funció de quan apretam el botó */
min = parseInt(document.getElementById("imputNumMin").value);
max = parseInt(document.getElementById("imputNumMax").value);
if (min > max || max>100000) { /* Si el nombre mínim és més gran que el màxim, o el màxim es mes gran que 100000, donarà error */
document.getElementById("buttonid").innerHTML = "Error" ;
} else {
document.getElementById("buttonid").innerHTML = getRndInteger(); /* Si no, farà la funció "getRndInteger()", que calcularà el nombre aleatori */
}
}
function getRndInteger() { /* Cream la funció per treure un nombre aleatori que estigui entre el nombre màxim i mínim */
return Math.floor(Math.random() * (max - min + 1)) + min;
};
setInterval(function() { /* Cream la funció pel rellotge*/
var currentTime = new Date();
var Hour = currentTime.getHours();
if (Hour>12) {
Hour = Hour-12;
}
var timeWright = document.getElementById("time");
timeWright.innerHTML = Hour + ':' + currentTime.getMinutes() + ":" + currentTime.getSeconds();
currentTime = null;
}, 1000);
</script>
</body>
</html>