<!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>