Ciao a tutti!
Sto cercando di creare il mio primo umilissimo progettino:
Una pagina web, che grazie a javascript sceglie randomicamente una risposta, ad una eventuale domanda data.
Solo che ho un piccolo inconveniente. L'alert nel codice javascript, compare solamente quando ricarico la pagina nel browser e non quando premo il tasto "Chiedi" che si trova nel file html. Ed ovviamente io ho bisogno che compaia quando si preme il tasto "Chiedi".
Sicuramente la soluzione sarà banale, ma non riesco a venirne a capo, anche a cercare qualche situazione analoga sul web.
Ora vi mostro i codici HTML e JavaScript.
<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>La Sfera Magica</title>
<script type="text/javascript" src="./eightball.js"></script>
<link href="eightball.css" type="text/css" rel="stylesheet">
</head>
<body>
<h1>PREVEDI IL TUO FUTURO </h1>
<p>..poni una domanda..</p>
<forms>
<input type="text" name="question" id="question" required>
<input type="submit" value="Chiedi.." id="submit">
</form>
</body>
</html>
let eightBall = '';
let randomNumber = Math.floor(Math.random() * 8);
switch (randomNumber){
case 0:
eightBall = "E' sicuro!";
break;
case 1:
eightBall = "E' decisamente così!";
break;
case 2:
eightBall = 'Risposta confusa.. riprova!';
break;
case 3:
eightBall = 'Non posso prevederlo adesso.';
break;
case 4:
eightBall = 'Non ci contare!';
break;
case 5:
eightBall = 'Le mie fonti dicono di no.';
break;
case 6:
eightBall = 'Le previsioni non sono favorevoli..';
break;
case 7:
eightBall = 'I segni indicano di sì!';
break;
}
alert(`La risposta è... ${eightBall}`);
In che modo potrei risolvere?