login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Javascript inlogscherm werkt niet (Opgelost)

Offline jurgenbosch - 02/11/2015 18:28 (laatste wijziging 02/11/2015 20:17)
Avatar van jurgenboschNieuw lid ik heb alles al 3 keer nagelopen, maar ik snap niet waar de fout zit. weet iemand hoe ik dit wel oplos?
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <!doctypeHTML>
  2. <html>
  3. <head>
  4.  <title>
  5.   login
  6.  </title>
  7.  <style>
  8.   .text_login_container {
  9.      height: 50px; 
  10.      font-size: 20pt;  
  11.      text-align: center; 
  12.      width: 350px; 
  13.      background-color: #ccc;
  14.      border-radius: 15px;
  15.   }
  16.   .password_login_container {
  17.      height: 50px;
  18.      font-size: 20pt;
  19.      text-align: center;
  20.      width: 350px;
  21.      background-color: #ccc;
  22.      border-radius: 15px;
  23.   }
  24.   .submit_login_container {
  25.      height: 50px;
  26.      font-size: 28pt;
  27.      text-align: center;
  28.      width: 350px;
  29.      background-color: gold;
  30.      border-radius: 100px;
  31.   }
  32.   .login_div_screen {
  33.      height: 300px;
  34.      background-color: orange;
  35.      border-radius: 30px;
  36.      width: 400px;
  37.   }
  38.   #body {
  39.      background-color: #00cc66;
  40.   }
  41.   #wachtwoord_verkeerd_melding {
  42.      color: #ff3000;
  43.   }
  44.   a:link {
  45.      color: #00cc66;
  46.   }
  47.   a:visited {
  48.      color: #00cc66;
  49.   }
  50.   a:hover {
  51.      color: #00cc66;
  52.      font-weight: bold;
  53.   }
  54.   a:active {
  55.      color: #00cc66;
  56.      font-weight: bold;
  57.   }
  58.  </style>
  59.  <script>
  60.   function wachtwoordvergeten() {
  61.      alert("DOMKOP!");
  62.   }
  63.   function login() {
  64.      var g = document.getElementById("usernamecontainer").value;
  65.      var w = document.getElementById("passwordcontainer").value;
  66.      var gg1 = "Jurgen";
  67.      var gg2 = "Sebastiaan";
  68.      var gg3 = "Faber";
  69.      var gg4 = "Rick";
  70.      var gg5 = "Sem";
  71.      var gg6 = "Nathalie";
  72.      var gg7 = "Sanne";
  73.      var gg8 = "Lisanne";
  74.      var gg9 = "Melissa";
  75.      var gg10 = "Maud";
  76.      var gg11 = "Joris";
  77.      var gg12 = "Niels";
  78.      var gg13 = "Loreen";
  79.      var gg14 = "Sam";
  80.      var gg15 = "Mathijs";
  81.      var gg16 = "Roos";
  82.      var gg17 = "Elise";
  83.      var gg18 = "Gijs";
  84.      var gg19 = "Niels";
  85.      var ww1 = "Bosch";
  86.      var ww2 = "deWaal";
  87.      var ww3 = "vandeHaar";
  88.      var ww4 = "vanBerkel";
  89.      var ww5 = "deVos";
  90.      var ww6 = "Knol";
  91.      var ww7 = "Giezen";
  92.      var ww8 = "Rietveld";
  93.      var ww9 = "Mastebroek";
  94.      var ww10 = "Leidekker";
  95.      var ww11 = "Langebach";
  96.      var ww12 = "vanDoorn";
  97.      var ww13 = "Brink";
  98.      var ww14 = "de_Joode";
  99.      var ww15 = "Titaley";
  100.      var ww16 = "Bayma";
  101.      var ww17 = "vanRijn";
  102.      var ww18 = "vanDoorn";
  103.      var ww19 = "terHaar";
  104.      var wrongplace = document.getElmentById("wachtwoordverkeerdmelding");
  105.      if(((g==gg1) && (w==ww1)) || ((g==gg2) && (w==ww2)) || ((g==gg3) && (w==ww3)) || ((g==gg4) && (w==ww4)) || ((g==gg5) && (w==ww5)) || ((g==gg6) && (w==ww6)) || ((g==gg7) && (w==ww7)) || ((g==gg8) && (w==ww8)) || ((g==gg9) && (w==ww9)) || ((g==gg10) && (w==ww10)) || ((g==gg11) && (w==ww11)) || ((g==gg12) && (w==ww12)) || ((g==gg13) && (w==ww13)) || ((g==gg14) && (w==ww14)) || ((g==gg15) && (w==ww15)) || ((g==gg16) && (w==ww16)) || ((g==gg17) && (w==ww17)) || ((g==gg18) && (w==ww18)) || ((g==gg19) && (w==ww19))) {
  106.         window.location("https://files.itslearning.com/data/1179/3287/"+g+".html");
  107.      }
  108.      else {
  109.         wrongplace.innerHTML = "Verkeerd Wachtwoord!";
  110.      }
  111.   }
  112.  </script>  
  113. </head>
  114. <body id="body">
  115.  <br><br><br><br><br>
  116.  <center>
  117.   <div class="login_div_screen">
  118.    <h1>
  119.     login
  120.    </h1>
  121.    <input type="text" id="usernamecontainer" class="text_login_container" placeholder="gebruikersnaam" maxlenght="15">
  122.    <br>
  123.    <input type="password" id="passwordcontainer" class="password_login_container" placeholder="wachtwoord" maxlenght="20">
  124.    <br><br>
  125.    <input type="submit" class="submit_login_container" id="login" value="log in" onClick="login()">
  126.    <br>
  127.    <p>
  128.     <a href="">
  129.      wachtwoord vergeten?
  130.     </a>
  131.    </p>
  132.   </div>
  133.   <h3 id="wachtwoordverkeerdmelding">
  134.   </h3>
  135.  </center>
  136. </body>
  137. </html>

2 antwoorden

Gesponsorde links
Offline Thomas - 02/11/2015 20:25
Avatar van Thomas Moderator Uhm, is het bovenstaande bij wijze van oefening, want op deze manier is dit alles behalve veilig.

JavaScript is client-side. Dus iemand hoeft maar de bron van bovenstaande pagina weer te geven en dan heb je meteen de lijst van gebruikersnamen + wachtwoorden.

Om antwoord te geven op je vraag, mijn JavaScript console geeft de volgende foutmelding terug:

Error: TypeError: document.getElmentById is not a function

Goed lezen: getElmentById - dit moet zijn: getElementById.

Vervolgens:

Error: TypeError: window.location is not a function

Gebruik window.location = 'http://je.url.com';

in plaats van:
window.location('http://je.url.com');

Want window.location... is geen functie.
Offline jurgenbosch - 03/11/2015 07:26
Avatar van jurgenbosch Nieuw lid ik weet dat het onveilig is, maar het was bedoeld om "normale" gebruikers te kunnen laten inloggen.
thx voor het antwoord
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.17s