SHOW:
|
|
- or go back to the newest paste.
| 1 | // zakładamy, że na stronie jest element div z identyfikatorem "haslo" | |
| 2 | var div = document.querySelector("#haslo");
| |
| 3 | var haslo = "Ania"; | |
| 4 | var wybranaLitera = "a"; | |
| 5 | ||
| 6 | // Generowanie hasła w HTML | |
| 7 | for(var i = 0; i < haslo.length; i++) {
| |
| 8 | ||
| 9 | var span = document.createElement("span");
| |
| 10 | span.textContent = "*"; | |
| 11 | ||
| 12 | div.appendChild(span); | |
| 13 | ||
| 14 | } | |
| 15 | ||
| 16 | // W tym momencie, mamy na stronie element div, a w nim np. 4 gwiazdki | |
| 17 | // każda umieszczona w elemencie span | |
| 18 | ||
| 19 | // Sprawdzanie poprawności wpisanej litery | |
| 20 | for(var i = 0; i < haslo.length; i++) {
| |
| 21 | ||
| 22 | if( haslo.charAt(i).toLowerCase() === wybranaLitera.toLowerCase() ) {
| |
| 23 | // wiemy, że dana litera to "a" lub "A" i możemy ją odkryć | |
| 24 | // w tym celu zamienimy gwiazdkę w konkretnym elemencie span na literę | |
| 25 | div.children[i].textContent = haslo.charAt(i); | |
| 26 | } | |
| 27 | ||
| 28 | } |
