RISOLTO Come faccio a far andare l'utente nella pagina successiva?

Stato
Discussione chiusa ad ulteriori risposte.

Gigi_xx_1

Nuovo Utente
20
0
Ciao, ho una domanda da fare. Sto realizzando una pagina web con html css e javascript. Però ora non riesco a capire una cosa.

Come faccio a far andare l'utente nella pagina successiva dopo che l'utente ha inserito il codice impostato da me ?

Io so che di sicuro centra l'if ma non riesco.
 

Allegati

  • Cattura.PNG
    Cattura.PNG
    19.9 KB · Visualizzazioni: 54

cdtux

Utente Èlite
1,829
911
CPU
I7 3770
Scheda Madre
Asrock Z77 Extreme 4
HDD
Samsung 850 pro 250GB
RAM
Corsair Vengeance LP 16GB
GPU
Gigabyte GTX1060 6GB
Monitor
Dell U2412M
PSU
Seasonic Focus Plus 650
Case
Corsair Graphite 760T
OS
Debian / Ubuntu

DispatchCode

Moderatore
Staff Forum
Utente Èlite
2,220
1,852
CPU
Intel I9-10900KF 3.75GHz 10x 125W
Dissipatore
Gigabyte Aorus Waterforce X360 ARGB
Scheda Madre
Asus 1200 TUF Z590-Plus Gaming ATX DDR4
HDD
1TB NVMe PCI 3.0 x4, 1TB 7200rpm 64MB SATA3
RAM
DDR4 32GB 3600MHz CL18 ARGB
GPU
Nvidia RTX 3080 10GB DDR6
Audio
Integrata 7.1 HD audio
Monitor
LG 34GN850
PSU
Gigabyte P850PM
Case
Phanteks Enthoo Evolv X ARGB
Periferiche
MSI Vigor GK30, mouse Logitech
Net
FTTH Aruba, 1Gb (effettivi: ~950Mb / ~480Mb)
OS
Windows 10 64bit / OpenSUSE Tumbleweed
Ciao, ho una domanda da fare. Sto realizzando una pagina web con html css e javascript. Però ora non riesco a capire una cosa.

Come faccio a far andare l'utente nella pagina successiva dopo che l'utente ha inserito il codice impostato da me ?

Io so che di sicuro centra l'if ma non riesco.

Ciao, benvenuto! Ti invito a prendere nota del regolamento di sezione https://forum.tomshw.it/threads/reg...ni-utili-sulla-sezione-programmazione.753319/

Pubblica anche il codice per favore.
 

Gigi_xx_1

Nuovo Utente
20
0
sto programmando in html css e js

ECCO IL CODICE HTML
HTML:
<!DOCTYPE html>
<html>
   
<head>
<title>Page Title</title>
      <link rel="import" href="style.css">
      <link rel="import" href="app.js">
</head>
<body style="background-color:rgb(71, 232, 253); text-align: center">
    <img src="drunk.png" alt="" width="150" height="150">
    <!--LOGIN-->
    <div class="container">
        <div class="row">
         <div class="col-md-5 mx-auto">
         <div id="first">
            <div class="myForm ">
                <div class="logo mb-3">
                   <div class="col-md-12 text-center">
                     <br><br><h1>ENTRA</h1>
                   </div>
                  </div>
                    <br><br>
                   <form name="myform" method="post" >
                              <label><b>NOME</b></label>
                              <BR><BR>
                              <input type="text" id="nome"  class="form-control" placeholder="INSERISCI IL TUO NOME UTENTE ASSEGNATO">
                              <label><b>PASSWORD</b></label>
                              <BR><BR>
                                 <input type="number" id="passw"  class="form-control" placeholder="INSERISCI LA TUA PASSWORD ASSEGNATA">
                           </div>
                           <BR>
                           <div class="col-md-12 text-center ">
                              <input type="button" name="log" id="bottone" value="ACCEDI" onclick="myFunction()">
                           </div>
                        </form>
                     </div>
                     </div>
                     </div>  

   
</body>
<!-- CSS only -->
<link href="[URL]https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css[/URL]" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<!-- JavaScript Bundle with Popper -->
<script src="[URL]https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js[/URL]" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
</html>
ECCO IL CODICE JAVASCRIPT

JavaScript:
function myFunction(){
    var un = document.forms["myForm"]["nome"].value;
    var du = document.forms["myForm"]["passw"].value;
    if(un=="Luigi" && du=="12345"){
        window.open("home.html");
    }
 
else{
    alert("RIPROVA");
}
}
 
Ultima modifica da un moderatore:

Ibernato

Utente Èlite
4,328
2,047
OS
Windows 10 Pro / Ubuntu 22.04
sto programmando in html css e js

ECCO IL CODICE HTML

<!DOCTYPE html>
<html>

<head>
<title>Page Title</title>
<link rel="import" href="style.css">
<link rel="import" href="app.js">
</head>
<body style="background-color:rgb(71, 232, 253); text-align: center">
<img src="drunk.png" alt="" width="150" height="150">
<!--LOGIN-->
<div class="container">
<div class="row">
<div class="col-md-5 mx-auto">
<div id="first">
<div class="myForm ">
<div class="logo mb-3">
<div class="col-md-12 text-center">
<br><br><h1>ENTRA</h1>
</div>
</div>
<br><br>
<form name="myform" method="post" >
<label><b>NOME</b></label>
<BR><BR>
<input type="text" id="nome" class="form-control" placeholder="INSERISCI IL TUO NOME UTENTE ASSEGNATO">
<label><b>PASSWORD</b></label>
<BR><BR>
<input type="number" id="passw" class="form-control" placeholder="INSERISCI LA TUA PASSWORD ASSEGNATA">
</div>
<BR>
<div class="col-md-12 text-center ">
<input type="button" name="log" id="bottone" value="ACCEDI" onclick="myFunction()">
</div>
</form>
</div>
</div>
</div>


</body>
<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
</html>


ECCO IL CODICE JAVASCRIPT


function myFunction(){
var un = document.forms["myForm"]["nome"].value;
var du = document.forms["myForm"]["passw"].value;
if(un=="Luigi" && du=="12345"){
window.open("home.html");
}

else{
alert("RIPROVA");
}
}
Quello che diceva @cdtux è che in questo modo, chiunque riesce ad accedere alla pagina "home.html" dal momento che basta ispezionare il codice da browser e vedere la funzione in JS.

Potresti risolvere questo problema, utilizzando un backend (nodejs, php, python, ecc..).
Con il frontend invii il valore al backend e con quest'ultimo controlli che il codice inserito corrisponda e ritorni un risultato al frontend per dire OK o KO.

Se questa pagin html è per puro scopo scolastico/ o per imparare, alora va bene.

Purtroppo non ho tempo per testarlo, se torno presto stasera, gli do una occhiata.
 

Gigi_xx_1

Nuovo Utente
20
0
aaaaaa okok ora ho capito grazie mille.
Post unito automaticamente:

Mi sapreste consigliare un linguaggio di programmazione croos platform?
 

DispatchCode

Moderatore
Staff Forum
Utente Èlite
2,220
1,852
CPU
Intel I9-10900KF 3.75GHz 10x 125W
Dissipatore
Gigabyte Aorus Waterforce X360 ARGB
Scheda Madre
Asus 1200 TUF Z590-Plus Gaming ATX DDR4
HDD
1TB NVMe PCI 3.0 x4, 1TB 7200rpm 64MB SATA3
RAM
DDR4 32GB 3600MHz CL18 ARGB
GPU
Nvidia RTX 3080 10GB DDR6
Audio
Integrata 7.1 HD audio
Monitor
LG 34GN850
PSU
Gigabyte P850PM
Case
Phanteks Enthoo Evolv X ARGB
Periferiche
MSI Vigor GK30, mouse Logitech
Net
FTTH Aruba, 1Gb (effettivi: ~950Mb / ~480Mb)
OS
Windows 10 64bit / OpenSUSE Tumbleweed
Mi sapreste consigliare un linguaggio di programmazione croos platform?

Se ti riferisci ad uno adatto per il backend, quanto ha detto ibernato.
Vista la necessità PHP può andar bene.
 
  • Mi piace
Reazioni: cdtux
Stato
Discussione chiusa ad ulteriori risposte.

Entra

oppure Accedi utilizzando
Discord Ufficiale Entra ora!