daily pastebin goal
5%
SHARE
TWEET

Hersenknetter

silexy Jun 9th, 2018 (edited) 56 Never
Upgrade to PRO!
ENDING IN00days00hours00mins00secs
 
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5.     <title>Wachtwoord maken</title>
  6.     <meta charset="utf-8" />
  7.     <link rel="shortcut icon" href="https://mistynotes.files.wordpress.com/2017/03/notes.png" type="image/x-icon" />
  8.     <link href='https://fonts.googleapis.com/css?family=Playfair Display' rel='stylesheet'>
  9.     <link href='https://fonts.googleapis.com/css?family=Libre Baskerville' rel='stylesheet'>
  10. </head>
  11.  
  12. <style>
  13.     body {
  14.       font-family: 'Playfair Display, Georgia, serif;' font-size: 22px;
  15.       background-color: #fffdc2;
  16.       background-image:
  17.         linear-gradient(
  18.           to right,
  19.           #fdfcfb,
  20.           #e2d1c3
  21.         );
  22.  
  23.     }
  24.     div, h1 {margin-left: 180px; margin-top:40px}
  25.     p{  font-family: "Libre Baskerville", Baskerville, "Book Antiqua", Georgia, Times, serif;' font-size: 12px;
  26.     }
  27.     hr { border: 0; height: 12px;
  28.    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
  29.  }
  30. </Style>
  31.  
  32. <body>
  33.     <hr onClick="flip('sleutelmaken')">
  34.     <div id="sleutelmaken" style="display:none">
  35.         <h2>Sleutel maken</h2>
  36.         <p>Als je een wachtwoord wil maken, heb je een sleutel nodig. Die hoef je maar één keer te maken. Maak een zin of een aantal woorden, waarin (bijna) alle letters van het alfabet voorkomen. Hier is een hulpje daarvoor. </p>
  37.         <input type="text" size="80" name="sleutel" id="sleutel" value="" />
  38.         <p><button onclick="checkAbc()">Check!</button></p>
  39.         <p id="abc">abcdefghijcklmnopqrstuvwxyz</p>
  40.     </div>
  41.     <h1>Wachtwoord maken</h1>
  42.     <hr onClick="flip('geheim')">
  43.     <div>
  44.  
  45.  
  46.         <p>Domein:</p>
  47.         <input type="text" size="80" name="domein" id="domein" value="domeinzonderwwwofcom" />
  48.         <span id='geheim'  style="display:none; width:400px">
  49.           <p><lu><li>Bij het veld domein vul je de naam van de website in waarvoor je het wachtwoord wil maken.</li>
  50.           <li>Vul dan in het volgende veld de vaste zin in die je voor je wachtwoorden gebruikt en waarin alle letters van het alfabet staan.</li>
  51.           <li>En geef bij "prefix" ook nog drie karakters in om te voldoen aan de regel die sommige websites eisen: hoofdletters, getallen en vreemde tekens. Bijvoorbeeld K8*.</li></lu>
  52.           Hiermee wordt jouw wachtwoord gemaakt als je op de knop drukt.
  53.           </p>
  54.         <p>Jouw zin of woorden:</p>
  55.         <input type="text" size="80" name="zin" id="zin" value="schermleraar, onderklasse, werktuig, poffertje, vazal." />
  56.  
  57.         <p>Prefix:</p>
  58.         <input type="text" size="80" name="prefix" id="prefix" value="" />
  59.     </span>
  60.         <p>
  61.             <button onclick="makePass()">Wachtwoord!</button>
  62.  
  63.         </p>
  64.     </div>
  65.         <div id="print"></div>
  66.  
  67.     <script>
  68.         function checkAbc() {
  69.           var lcSleutel = document.getElementById("sleutel").value;
  70.           var lcAbcChecked = "abcdefghijklmnopqrstuvwxyz";
  71.           lcAbcChecked = lcAbcChecked.replace(new RegExp("["+lcSleutel+"]", "g"), "");
  72.           document.getElementById("abc").innerHTML = lcAbcChecked
  73.           return true;
  74.           }
  75.  
  76.         function flip(acWat) {
  77.             var x = document.getElementById(acWat);
  78.             if (x.style.display === "none") {
  79.                 x.style.display = "block";
  80.             } else {
  81.                 x.style.display = "none";
  82.             }
  83.         }
  84.  
  85.         function print(acTekst, acAppend) {
  86.           if (acAppend === undefined) {
  87.             acAppend = 'J';
  88.           }
  89.           if (acAppend == 'J' || acAppend == 'j') {
  90.             document.getElementById("print").innerHTML += "</br>" + acTekst;
  91.           } else {
  92.             document.getElementById("print").innerHTML = acTekst;
  93.           }
  94.           return true;
  95.         }
  96.  
  97.         function makePass() {
  98.           var lcDomein = document.getElementById("domein").value;
  99.           //print('Domein: '+lcDomein)
  100.  
  101.           var lcZin = document.getElementById("zin").value;
  102.           //geen spatie
  103.           lcZin = lcZin.replace(/ /g,"");
  104.           //print('Zin   : '+lcZin);
  105.  
  106.           var lcPrefix = document.getElementById("prefix").value;
  107.           //print('Prefix : '+lcPrefix);
  108.  
  109.           var lcPassword = '';
  110.           var lcLetter = '';
  111.           var lnPlaats = 0;
  112.  
  113.           var d = new Date;
  114.           //print(d.toLocaleString());
  115.  
  116.  
  117.           for (var i = 0; i < lcDomein.length; i++) {
  118.             lcLetter = lcDomein.charAt(i);
  119.             //haal positie van de letter uit de zin
  120.             lnPlaats = lcZin.indexOf(lcLetter)
  121.             // en neem de volgende letter uit de zin
  122.             lcPassword = lcPassword + lcZin.charAt(lnPlaats + 1);
  123.  
  124.           }
  125.           //var d = new Date;
  126.           //print(d.toLocaleString());
  127.           print(lcPrefix + lcPassword, 'N');
  128.           return true;
  129.         }
  130.     </script>
  131.  
  132. </body>
  133.  
  134. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top