• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Podmiana liter nie działa

Cloud VPS
0 głosów
161 wizyt
pytanie zadane 27 października 2017 w Nasze projekty przez Gaspar Nowicjusz (240 p.)

Jako amatorowi zajęło mi to ciężkie godziny. Uczę się intensywnie. Czy nie uzyskam ostatni raz pomocy?  Chcę by klikając z tablicy np "H" pokazało się na tablicy gry w wisielca małe "h". Ale jeśli "R", to "R", bo hasłem jest "W Ruchu". Odwdzięczę się.  

<!DOCTYPE html>
<html lang="pl">
<head>
	<meta charset="utf-8" />
	<title>Szubienica</title>
    <script src="jquery-2.0.0.min.js" ></script>
	
	
    <link rel="stylesheet" href="style.css" type="text/css" />
	<script src="javas.js" ></script>
</head>
<body><div id="litera"></div>

	<div id="pojemnik">
		<div class="red" id="plansza"></div>
		<div id="szubienica">
		<img src="img/s0.jpg" alt="" />
		</div>
		<div id="alfabet"></div>
		
	</div>
	
</body>
</html>
var haslo = "W Ruchu";
var dlugosc = haslo.length;
var ok = new Audio("ggg.wav");
var pudlo = new Audio("pudlo.wma");
var haslo1 ="";

for(i=0; i<dlugosc; i++){
	if(haslo.charAt(i) ==" ")haslo1 = haslo1 + " ";
	else haslo1 = haslo1 + "-";
	
}
  function wypisz_haslo(){



	
   
    
    document.getElementById("plansza").innerHTML = haslo1;

   }

window.onload = start;

var litery = new Array(35);

litery[0] = "A";
litery[1] = "Ą";
litery[2] = "B";
litery[3] = "C";
litery[4] = "Ć";
litery[5] = "D";
litery[6] = "E";
litery[7] = "Ę";
litery[8] = "F";
litery[9] = "G";
litery[10] = "H";
litery[11] = "I"; 
litery[12] = "J";
litery[13] = "K";
litery[14] = "L";
litery[15] = "Ł";
litery[16] = "M";
litery[17] = "N";
litery[18] = "Ń";
litery[19] = "O";
litery[20] = "Ó";
litery[21] = "P";
litery[22] = "Q";
litery[23] = "R";
litery[24] = "S";
litery[25] = "Ś";
litery[26] = "T";
litery[27] = "U";
litery[28] = "V";
litery[29] = "W";
litery[30] = "X";
litery[31] = "Y";
litery[32] = "Z";
litery[33] = "Ż";
litery[34] = "Ź";


 function start(){
	 
 ok.play();
    var tresc ="";
	for (i=0; i<=34; i++)
	{
		var element = "lit" + i;
		tresc = tresc + '<div class="literki" onclick="sprawdz('+i+')" id="'+element+'">'+litery[i]+'</div>';
		if ((i+1)%7 == 0) tresc = tresc + '<div style="clear:both;"></div>';
	}
	document.getElementById("alfabet").innerHTML = tresc;
	wypisz_haslo();
	

   
 }
   String.prototype.ustawZnak = function(miejsce, znak)
   {
	if (miejsce > this.length - 1) return this.toString();
	else return this.substr(0, miejsce) + znak + this.substr(miejsce+1);
   }
   function sprawdz(nr){
	var trafiona = false;
	
	for(i=0; i<dlugosc; i++){
		
		
		
	if (haslo.charAt(i) == litery[nr]){
	
		haslo1 = haslo1.ustawZnak(i,litery[nr]);
		
	
	    var trafiona = true;
	}
	}

	if (trafiona == true){
       ok.play();
		var element = "lit" + nr;
		document.getElementById(element).style.color = "#115511";
       document.getElementById(element).style.background = "#229922";
        document.getElementById(element).style.border = "#115511";
		 
		 
		 wypisz_haslo();
	}else{
       ok.play();
       var element = "lit" + nr;
		document.getElementById(element).style.color = "black";
       
		
	}
	
	
	
}

 

1 odpowiedź

0 głosów
odpowiedź 27 października 2017 przez xandros Nałogowiec (29,450 p.)

A jakbyś zrobił sprawdzanie caseinsensitive?

sprowadź wprowadzone litery i sprwadzane litery do lowercase.

Linia 92 jak mniemam:

if (haslo.charAt(i).toLowerCase() == litery[nr].toLowerCase()) {
   haslo1 = haslo1.ustawZnak(i,litery[nr]);
   var trafiona = true;
}

Ofc pomijam jakość kodu bo wiele rzeczy mógłbyś poprawić ^^

komentarz 27 października 2017 przez Gaspar Nowicjusz (240 p.)
To by była fraszka, ale w rzeczywistości hasło ma być "W Ruhu CICHO albo TAK lub NIE", więc chcę by np. po wciśnięciu na tym "keyboardzie" "H" pokazało się:"- --h- ---H- ---- --- --- ---". Grzebałem w tym "/i" sporo czasu. Przelałbym 10 zł za naprowadzenie mnie do tego.

Podobne pytania

0 głosów
1 odpowiedź 504 wizyt
pytanie zadane 1 października 2022 w JavaScript przez MacieKap Bywalec (2,400 p.)
0 głosów
1 odpowiedź 367 wizyt

93,456 zapytań

142,451 odpowiedzi

322,721 komentarzy

62,837 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Kursy INF.02 i INF.03
...