Ik wil een website maken met een inlog.
Ik ben bezig met het maken van een escaperoom voor mijn leerlingen. De leerlingen krijgen allemaal spullen, maar moeten uiteindelijk inloggen in een klaarstaande zogenaamd gehackte computer die nog maar 1 code nodig heeft.
Ik wil dit voor elkaar krijgen met een website. Als de leerlingen de goede code invullen gaat de website naar pagina A, als ze het fout hebben naar pagina B en naar 60 seconde weer terug naar de website.
Ik heb al wat in elkaar gezet, maar loop volledig vast. Als ze de goede inlog hebben dan gaat hij naar de website, maar de tweede keer ook. Als ze de foute inlog hebben krijgen ze een error terwijl ik liever wil dat ze naar een andere site gaan.
Wie kan me helpen? Hier de code, inclusief het begin zodat je ziet dat het een soort hackerspagina moet lijken.
<HTML>
<HEAD>
<style>
body
{background-color: #000000; color: lightgreen; font-family: menlo, Courier, sans-serif}
.blinking {
animation: opacity 2s ease-in-out infinite;
opacity: 1;
}
@keyframes opacity {
0% {
opacity: 1;
}
50% {
opacity: 0
}
100% {
opacity: 1;
}
}
</style>
</HEAD>
<TITLE>Perquins Hacker</TITLE>
<P><align=“right”>
>Last login: 08:49:29 on console
<BR>>Firewall activity: off
<BR>>Shell authority: Perquins Hacker
<BR>>Perquins Hacker:~ willem$
<P class="blinking">
❑ ❑ ❑
</P>
<TABLE BORDER=1 CELLPADDING=10>
<TR><TD><H1>Override login terminal</H1></TR></TD>
<TD><P>Enter your four digit password:</P>
<form name="loginForm" method="post" action=http://www.waarwoontwillem.nl>
<table>
<TR><TD>Username:</td><TD><input type="text" size=25 name="userid" placeholder=Willem></TD></TR>
<TR><TD>Password:</TD><TD><input type="Password" size=25 name="pwd"></TD></TR>
<TR><TD><TD><input type="submit" onclick="return check(this.form)" value="Login"></TD></TR>
<TR><TD><TD><input type="Reset" value=Reset></TD></TR>
</table>
</form>
<script language="javascript">
function check(form)
{
if(form.userid.value == “Willem” && form.pwd.value == “2222”)
{
return true;
}
else
{
alert("Error Password or Username")
return false;
}
}
</script>
</TABLE>
</BODY>
</HTML>
Ik ben bezig met het maken van een escaperoom voor mijn leerlingen. De leerlingen krijgen allemaal spullen, maar moeten uiteindelijk inloggen in een klaarstaande zogenaamd gehackte computer die nog maar 1 code nodig heeft.
Ik wil dit voor elkaar krijgen met een website. Als de leerlingen de goede code invullen gaat de website naar pagina A, als ze het fout hebben naar pagina B en naar 60 seconde weer terug naar de website.
Ik heb al wat in elkaar gezet, maar loop volledig vast. Als ze de goede inlog hebben dan gaat hij naar de website, maar de tweede keer ook. Als ze de foute inlog hebben krijgen ze een error terwijl ik liever wil dat ze naar een andere site gaan.
Wie kan me helpen? Hier de code, inclusief het begin zodat je ziet dat het een soort hackerspagina moet lijken.
<HTML>
<HEAD>
<style>
body
{background-color: #000000; color: lightgreen; font-family: menlo, Courier, sans-serif}
.blinking {
animation: opacity 2s ease-in-out infinite;
opacity: 1;
}
@keyframes opacity {
0% {
opacity: 1;
}
50% {
opacity: 0
}
100% {
opacity: 1;
}
}
</style>
</HEAD>
<TITLE>Perquins Hacker</TITLE>
<P><align=“right”>
>Last login: 08:49:29 on console
<BR>>Firewall activity: off
<BR>>Shell authority: Perquins Hacker
<BR>>Perquins Hacker:~ willem$
<P class="blinking">
❑ ❑ ❑
</P>
<TABLE BORDER=1 CELLPADDING=10>
<TR><TD><H1>Override login terminal</H1></TR></TD>
<TD><P>Enter your four digit password:</P>
<form name="loginForm" method="post" action=http://www.waarwoontwillem.nl>
<table>
<TR><TD>Username:</td><TD><input type="text" size=25 name="userid" placeholder=Willem></TD></TR>
<TR><TD>Password:</TD><TD><input type="Password" size=25 name="pwd"></TD></TR>
<TR><TD><TD><input type="submit" onclick="return check(this.form)" value="Login"></TD></TR>
<TR><TD><TD><input type="Reset" value=Reset></TD></TR>
</table>
</form>
<script language="javascript">
function check(form)
{
if(form.userid.value == “Willem” && form.pwd.value == “2222”)
{
return true;
}
else
{
alert("Error Password or Username")
return false;
}
}
</script>
</TABLE>
</BODY>
</HTML>