ComputerBase Menü
Aktuelles

memory spielchen, script fehler/problem

B

bluex

Ensign
Registriert
Juni 2004
Beiträge
143
hallo,

ich hab vor tagen ein memory spielchen script in die hand bekommen. nach ein paar bastelleien und modifikationen habe ich ein kl. problem.
anfangs wurde die zudecken funktion über ein Event-Handler onblur realisiert.

HTML: 
<textarea rows=3 cols=42 value="Viel Spa&szlig; beim SiMo-Memory-Game !\nBitte bla blaa" name="textfeld" wrap="virtual" readonly onblur="zudecken()"></textarea>

dieses textfeld wollt ich aber nicht mehr und habe es entfernt.
aktuell schaut der quellcode so aus.


HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    
<title>Telefans Memory</title>



<script language="JavaScript">
var bilder = new Array();
var i = 0;
var ii = 0;
var versuche = 0;
var paare = 0;
var quelldatei = '';
var text = '';
var klicks = 0;
var klick1 = -1;
var klick2 = -1;
var verteilung = new Array();
var aufgedeckt = new Array();

for (i=0; i<21; i++)
        {
        quelldatei='memory/bild'+i+'.jpg';
        bilder[i] = new Image();
        bilder[i].src=quelldatei;
        }

function zudecken()
{
document.images[klick1].src = 'memory/deckblatt.gif';
document.images[klick1].className = '0';
aufgedeckt[klick1] = 0;
document.images[klick2].src = 'memory/deckblatt.gif';
document.images[klick2].className = '0';
aufgedeckt[klick2] = 0;
klicks = 0;
document.forms[0].elements[0].value='';
}


function mischen()
{
var ausgang = new 

Array(0,0,1,1,2,2,3,3,4,4,5,5,6,6,7,7,8,8,9,9,10,10,11,11,12,12,13,13,14,14,15,15,16,16,17,17,18,18,19,19,20,20);
var zufall=99;
klicks = 0;
klick1 = -1;
klick2 = -1;
versuche = 0;
paare = 0;
ii=42;
for (i=0;i<42;i++)
    {
    aufgedeckt[i] = 0;
    document.images[i].src='memory/deckblatt.gif';
    zufall=Math.floor(Math.random()*ii)
    verteilung[i]=ausgang[zufall];
    ausgang[zufall]=ausgang[ii-1];
    ii--;
    }
}

function wechsel_1(a)
{
if (aufgedeckt[a] == 1) return;
document.images[a].src = 'memory/deckblatt_1.gif';
document.images[a].className = '0';

}

function wechsel_2(a)
{
if (aufgedeckt[a] == 1) return;
document.images[a].src = 'memory/deckblatt.gif';
document.images[a].className = '1';
}


function spiel(a)
{
if (aufgedeckt[a] == 1) return;

if (klicks == 0)
   {
   klick1 = a;
   quelldatei = 'memory/bild' + verteilung[a] + '.jpg';
   document.images[a].src = quelldatei;
   document.images[a].className = '1';
   aufgedeckt[a] = 1;
   klicks = 1;
  
}

else
    {
    quelldatei = 'memory/bild' + verteilung[a] + '.jpg';
    document.images[a].src = quelldatei;
    document.images[a].className = '1';
    aufgedeckt[a] = 1;

    if (verteilung[a] == verteilung[klick1])
       {
       versuche++;
       paare++;
       if (paare == 21)
          {
          var highscore = confirm('Glückwunsch !\nDu hast das Memory mit ' + versuche + ' Versuchen gelöst !\n\nEiner geht 

noch! :)');
          if (highscore == true)
             {
             document.forms[0].elements[0].value="Einer geht noch! :)";
             mischen();
             return;
             }
          else { window.close(); }
          }
       text = 'Prima, ein Pärchen !\nBisherige Versuche : ' + versuche + '\nDu hast bisher ' + paare;
       if (paare == 1) text +=' Paar gefunden.';
       else text += ' Paare gefunden.';
       document.forms[0].elements[0].value=text;
     
       klicks = 0;
       return;
       }

    versuche++;
	
    text = 'Döööd, dass war nüx! :)\nBisherige Versuche : ' + versuche;
    
    document.forms[0].elements[0].value=text;
    document.forms[0].elements[0].focus();
    klick2 = a;
    

    }

}


</script>


</head>
<body onload="mischen()" bgcolor="#958d80">
<strong><font face="Tahoma" size="4">Memory</font></strong>
<table align="left" cellspacing="1" cellpadding="1" border="0">

<tr>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(0)" onMouseOut="wechsel_2(0)" onClick="spiel(0)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(1)" onMouseOut="wechsel_2(1)" onClick="spiel(1)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(2)" onMouseOut="wechsel_2(2)" onClick="spiel(2)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(3)" onMouseOut="wechsel_2(3)" onClick="spiel(3)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(4)" onMouseOut="wechsel_2(4)" onClick="spiel(4)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(5)" onMouseOut="wechsel_2(5)" onClick="spiel(5)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(6)" onMouseOut="wechsel_2(6)" onClick="spiel(6)">

</td>
</tr>
<tr>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(7)" onMouseOut="wechsel_2(7)" onClick="spiel(7)">
</td>

<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(8)" onMouseOut="wechsel_2(8)" onClick="spiel(8)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(9)" onMouseOut="wechsel_2(9)" onClick="spiel(9)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(10)" onMouseOut="wechsel_2(10)" onClick="spiel(10)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(11)" onMouseOut="wechsel_2(11)" onClick="spiel(11)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(12)" onMouseOut="wechsel_2(12)" onClick="spiel(12)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(13)" onMouseOut="wechsel_2(13)" onClick="spiel(13)">

</td>
</tr>

<tr>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(14)" onMouseOut="wechsel_2(14)" onClick="spiel(14)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(15)" onMouseOut="wechsel_2(15)" onClick="spiel(15)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(16)" onMouseOut="wechsel_2(16)" onClick="spiel(16)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(17)" onMouseOut="wechsel_2(17)" onClick="spiel(17)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(18)" onMouseOut="wechsel_2(18)" onClick="spiel(18)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(19)" onMouseOut="wechsel_2(19)" onClick="spiel(19)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(20)" onMouseOut="wechsel_2(20)" onClick="spiel(20)">

</td>
</tr>

<tr>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(21)" onMouseOut="wechsel_2(21)" onClick="spiel(21)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(22)" onMouseOut="wechsel_2(22)" onClick="spiel(22)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(23)" onMouseOut="wechsel_2(23)" onClick="spiel(23)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(24)" onMouseOut="wechsel_2(24)" onClick="spiel(24)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(25)" onMouseOut="wechsel_2(25)" onClick="spiel(25)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(26)" onMouseOut="wechsel_2(26)" onClick="spiel(26)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(27)" onMouseOut="wechsel_2(27)" onClick="spiel(27)">

</td>
</tr>

<tr>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(28)" onMouseOut="wechsel_2(28)" onClick="spiel(28)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(29)" onMouseOut="wechsel_2(29)" onClick="spiel(29)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(30)" onMouseOut="wechsel_2(30)" onClick="spiel(30)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(31)" onMouseOut="wechsel_2(31)" onClick="spiel(31)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(32)" onMouseOut="wechsel_2(32)" onClick="spiel(32)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(33)" onMouseOut="wechsel_2(33)" onClick="spiel(33)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(34)" onMouseOut="wechsel_2(34)" onClick="spiel(34)">

</td>
</tr>

<tr>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(35)" onMouseOut="wechsel_2(35)" onClick="spiel(35)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(36)" onMouseOut="wechsel_2(36)" onClick="spiel(36)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(37)" onMouseOut="wechsel_2(37)" onClick="spiel(37)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(38)" onMouseOut="wechsel_2(38)" onClick="spiel(38)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(39)" onMouseOut="wechsel_2(39)" onClick="spiel(39)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(40)" onMouseOut="wechsel_2(40)" onClick="spiel(40)">
</td>
<td width="60"><img src="memory/deckblatt.gif" onMouseOver="wechsel_1(41)" onMouseOut="wechsel_2(41)" onClick="spiel(41)">

</td>
</tr>
</table>
</body>

</html>

das problem ist nun das die zudecken funktion nicht berücksichtigt wird und somit das memory nicht wirklich funktioniert.

nach mehreren versuchen ersuche ich nun eure hilfe, weil ich einfach nach dem ganzen probieren usw. nicht mehr weiter weiss.

vielen dank für eure hilfe...
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben

Willkommen auf ComputerBase!

Mit Werbung weiterlesen

Besuche ComputerBase wie gewohnt mit Werbung und Tracking. Die Zustimmung ist jederzeit widerrufbar.

Details im Privacy Center und in der Liste unserer Partner. Ein Widerruf ist möglich in der Datenschutzerklärung.

… oder ComputerBase Pro bestellen

Nutze ComputerBase ohne Werbebanner, Video-Ads und Werbetracking schon für 4 €/Monat oder 36 €/Jahr.

Mehr zu ComputerBase Pro

Bereits Pro-Nutzer? Hier anmelden.

Tracking: Wir und unsere 170 Partner verarbeiten personenbezogene Daten, indem wir mit auf Ihrem Gerät gespeicherten Informationen (z. B. eindeutige Kennungen in Cookies) ein Nutzungsprofil erstellen, um z. B. Anzeigen zu personalisieren. Verarbeitungszwecke: Genaue Standortdaten und Abfrage von Geräteeigenschaften zur Identifikation, Informationen auf einem Gerät speichern und/oder abrufen, Personalisierte Anzeigen und Inhalte, Anzeigen- und Inhaltsmessungen, Erkenntnisse über Zielgruppen und Produktentwicklungen.

Impressum Kontakt Datenschutz