Minesweeper spiel andere Felder nciht mehr öffnen

prinzessin4444 · 21. Januar 2009

Hallo!
Ich bin gerade dabei das Minesweeper Spiel nach zu programmieren nur ich komm jetzt nicht mehr weiter wie schaffe ich das, wenn der Benutzer eine Bombe trifft das er die anderen Felder nciht mehr öffnen kann.
Gruß

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
 <script type="text/javascript">
  var anzahlBomben=15;



  var rahmen = new Array();

  rahmen[0] = new Array();
  rahmen[0][0] = 0;
  rahmen[0][1] = 0;
  rahmen[0][2] = 0;
  rahmen[0][3] = 0;
  rahmen[0][4] = 0;
  rahmen[0][5] = 0;
  rahmen[0][6] = 0;
  rahmen[0][7] = 0;
  rahmen[0][8] = 0;
  rahmen[0][9] = 0;


  rahmen[1] = new Array();
  rahmen[1][0] = 0;
  rahmen[1][1] = 0;
  rahmen[1][2] = 0;
  rahmen[1][3] = 0;
  rahmen[1][4] = 0;
  rahmen[1][5] = 0;
  rahmen[1][6] = 0;
  rahmen[1][7] = 0;
  rahmen[1][8] = 0;
  rahmen[1][9] = 0;

  rahmen[2] = new Array();
  rahmen[2][0] = 0;
  rahmen[2][1] = 0;
  rahmen[2][2] = 0;
  rahmen[2][3] = 0;
  rahmen[2][4] = 0;
  rahmen[2][5] = 0;
  rahmen[2][6] = 0;
  rahmen[2][7] = 0;
  rahmen[2][8] = 0;
  rahmen[2][9] = 0;

  rahmen[3] = new Array();
  rahmen[3][0] = 0;
  rahmen[3][1] = 0;
  rahmen[3][2] = 0;
  rahmen[3][3] = 0;
  rahmen[3][4] = 0;
  rahmen[3][5] = 0;
  rahmen[3][6] = 0;
  rahmen[3][7] = 0;
  rahmen[3][8] = 0;
  rahmen[3][9] = 0;

  rahmen[4] = new Array();
  rahmen[4][0] = 0;
  rahmen[4][1] = 0;
  rahmen[4][2] = 0;
  rahmen[4][3] = 0;
  rahmen[4][4] = 0;
  rahmen[4][5] = 0;
  rahmen[4][6] = 0;
  rahmen[4][7] = 0;
  rahmen[4][8] = 0;
  rahmen[4][9] = 0;

  rahmen[5] = new Array();
  rahmen[5][0] = 0;
  rahmen[5][1] = 0;
  rahmen[5][2] = 0;
  rahmen[5][3] = 0;
  rahmen[5][4] = 0;
  rahmen[5][5] = 0;
  rahmen[5][6] = 0;
  rahmen[5][7] = 0;
  rahmen[5][8] = 0;
  rahmen[5][9] = 0;

  rahmen[6] = new Array();
  rahmen[6][0] = 0;
  rahmen[6][1] = 0;
  rahmen[6][2] = 0;
  rahmen[6][3] = 0;
  rahmen[6][4] = 0;
  rahmen[6][5] = 0;
  rahmen[6][6] = 0;
  rahmen[6][7] = 0;
  rahmen[6][8] = 0;
  rahmen[6][9] = 0;

  rahmen[7] = new Array();
  rahmen[7][0] = 0;
  rahmen[7][1] = 0;
  rahmen[7][2] = 0;
  rahmen[7][3] = 0;
  rahmen[7][4] = 0;
  rahmen[7][5] = 0;
  rahmen[7][6] = 0;
  rahmen[7][7] = 0;
  rahmen[7][8] = 0;
  rahmen[7][9] = 0;

  rahmen[8] = new Array();
  rahmen[8][0] = 0;
  rahmen[8][1] = 0;
  rahmen[8][2] = 0;
  rahmen[8][3] = 0;
  rahmen[8][4] = 0;
  rahmen[8][5] = 0;
  rahmen[8][6] = 0;
  rahmen[8][7] = 0;
  rahmen[8][8] = 0;
  rahmen[8][9] = 0;

  rahmen[9] = new Array();
  rahmen[9][0] = 0;
  rahmen[9][1] = 0;
  rahmen[9][2] = 0;
  rahmen[9][3] = 0;
  rahmen[9][4] = 0;
  rahmen[9][5] = 0;
  rahmen[9][6] = 0;
  rahmen[9][7] = 0;
  rahmen[9][8] = 0;
  rahmen[9][9] = 0;

  function bombenVerteilen(){
      for (var b=0; b<anzahlBomben; b++){
         var j = Math.random();
         j = j*10;
         j = Math.floor(j);

         var i = Math.random();
         i = i*10;
         i = Math.floor(i);

         if (rahmen[j][i] == 9){
                 b--;
         }
         else{
                 rahmen[j][i]=9;
         }

      }

  bombenUeberpruefung();
  }




  function bombenUeberpruefung(){
         var i,j;
         for (i=0; i<10; i++){
                 for(j=0; j<10; j++){
                         var feld = rahmen[j][i];
                         if (feld == 9){
                                 if (((i+1)<10) && (rahmen[j][i+1] <9)){
                                         var feld_um1 = rahmen[j][i+1];
                                         feld_um1++;
                                         rahmen[j][i+1] = feld_um1;
                                 }

                                 if (((i-1)>=0) && (rahmen[j][i-1]<9)){
                                         var feld_um2 = rahmen[j][i-1];
                                         feld_um2++;
                                         rahmen[j][i-1] = feld_um2;
                                 }

                                 if (((j+1)<10) && (rahmen[j+1][i]<9)){
                                         var feld_um3 = rahmen[j+1][i];
                                         feld_um3++;
                                         rahmen[j+1][i] = feld_um3;
                                 }

                                 if (((j-1)>=0) && (rahmen[j-1][i]<9)){
                                         var feld_um4 = rahmen[j-1][i];
                                         feld_um4++;
                                         rahmen[j-1][i] = feld_um4;
                                 }

                                 if (((i+1)<10) && ((j+1)<10) && (rahmen[j+1][i+1]<9)){
                                         var feld_um5 = rahmen[j+1][i+1];
                                         feld_um5++;
                                         rahmen[j+1][i+1] = feld_um5;
                                 }

                                 if (((i-1)>=0) && ((j-1)>=0) && (rahmen[j-1][i-1]<9)){
                                         var feld_um6 = rahmen[j-1][i-1];
                                         feld_um6++;
                                         rahmen[j-1][i-1] = feld_um6;
                                 }

                                 if (((j+1)<10) && ((i-1)>=0) && (rahmen[j+1][i-1]<9)){
                                         var feld_um7 = rahmen[j+1][i-1];
                                         feld_um7++;
                                         rahmen[j+1][i-1] = feld_um7;
                                 }

                                 if (((j-1)>=0) && ((i+1)<10) && (rahmen[j-1][i+1]<9)){
                                         var feld_um8 = rahmen[j-1][i+1];
                                         feld_um8++;
                                         rahmen[j-1][i+1] = feld_um8;
                                 }
                         }
                 }
         }
  }

  function feldNummer(elementId){
         var koordinaten = elementId.split("_");
         var j=koordinaten[0];
         var i=koordinaten[1];
         var strSrc = "";

          switch(rahmen[j][i]){
          case 0:
            document.getElementById(elementId).style.background="#b8b8b8";
            break;
          case 1:
            strSrc = "zahl_1.jpg";
            break;
          case 2:
            strSrc = "zahl_2.jpg";
            break;
          case 3:
            strSrc = "zahl_3.jpg";
            break;
          case 4:
            strSrc = "zahl_4.jpg";
            break;
          case 5:
            strSrc = "zahl_5.jpg";
            break;
          case 6:
            strSrc = "zahl_6.jpg";
            break;
          case 7:
            strSrc = "zahl_7.jpg";
            break;
          case 8:
            strSrc = "zahl_8.jpg";
            break;
          case 9:
            strSrc = "bombe.jpg";
            break;
          default:
            document.getElementById(elementId).style.background="#b8b8b8";
        }
        document.getElementById(elementId).getElementsByTagName("img")[0].src = strSrc;

         //rahmen[j][i]=document.getElementById(elementId).innerHTML= "<img src=\""+strSrc+"\">";
         //document.getElementById(elementId).innerHTML= rahmen[j][i];

         //document.getElementById(elementId).style.color="blue";
         //document.getElementById(elementId).style.background="#b8b8b8";

  }





function bombeRot(){
         var strSrc = "";
         if(rahmen[j][i] == 9){
         strSrc = "bombe-rot.jpg";
         }
}














</script>

</head>
<body style="font-family:arial;font-size:10px;text-align:center;">
<table border="0" style="width:160px;background-color:grey;">
         <tr>
                 <td id="0_0"  onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">

                 </td>
                 <td id="0_1" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="0_2" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="0_3" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="0_4" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="0_5" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="0_6" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="0_7" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="0_8" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="0_9" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
         </tr>
         <tr>
                 <td id="1_0" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="1_1" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="1_2" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="1_3" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="1_4" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="1_5" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="1_6" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="1_7" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="1_8" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="1_9" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
         </tr>
          <tr>
                 <td id="2_0" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="2_1" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="2_2" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="2_3" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="2_4" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="2_5" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="2_6" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="2_7" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="2_8" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="2_9" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
         </tr>
          <tr>
                 <td id="3_0" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="3_1" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="3_2" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="3_3" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="3_4" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="3_5" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="3_6" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="3_7" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="3_8" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="3_9" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
         </tr>
          <tr>
                 <td id="4_0" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="4_1" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="4_2" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="4_3" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="4_4" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="4_5" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="4_6" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="4_7" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="4_8" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="4_9" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
         </tr>
          <tr>
                 <td id="5_0" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="5_1" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="5_2" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="5_3" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="5_4" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="5_5" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="5_6" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="5_7" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="5_8" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="5_9" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
         </tr>
          <tr>
                 <td id="6_0" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="6_1" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="6_2" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="6_3" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="6_4" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="6_5" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="6_6" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="6_7" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="6_8" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="6_9" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
         </tr>
          <tr>
                 <td id="7_0" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="7_1" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="7_2" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="7_3" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="7_4" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="7_5" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="7_6" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="7_7" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="7_8" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="7_9" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
         </tr>
          <tr>
                 <td id="8_0" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="8_1" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="8_2" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="8_3" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="8_4" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="8_5" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="8_6" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="8_7" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="8_8" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="8_9" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
         </tr>
          <tr>
                 <td id="9_0" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="9_1" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="9_2" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="9_3" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="9_4" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="9_5" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="9_6" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="9_7" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="9_8" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="9_9" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
         </tr>
</table>
<button name="start" type="button"  onclick="bombenVerteilen()" style="float:left">start
</button>
</body>
</html>

Quaese · 21. Januar 2009

Hi,

definiere eine globale Variable. Diese setzt du in bombenVerteilen auf false.

Tritt in der switch-Anweisung der Fall '9' ein, so wird die Variable auf true gesetzt.

Weiterhin erhält die Funktion feldNummer ganz am Anfang eine if-Bedingung, in der geprüft wird, ob die Variable den Wert true besitzt. In diesem Fall wird die Routine mit return verlassen.

Ciao
Quaese

prinzessin4444 · 21. Januar 2009

aber was soll dann in der if anweisung stehen was soll er denn dann machen wenn der wert halt gleich true ist.

Quaese · 21. Januar 2009

Hi,

angenommen die Variable hat die Bezeichnung blnEnde. Dann könnte die if-Anweisung wie folgt aussehen:

Code:

if(blnEnde) return;

Weiterhin möchte ich dich erneut darum bitten (erstmals am 21.11.2008), wie in der Netiquette zugestimmt (Punkt 15), auf Gross- und Kleinschreibung zu achten - besten Dank im voraus.

Ciao
Quaese

prinzessin4444 · 23. Januar 2009

Öffnen eines Bereiches

hi!
Ich programmiere hier das Minesweeper Spiel jedoch hab ich ein Problem und ich weiß nicht wie ich das lösen soll, wenn man in dem Spiel auf ein leeres Feld klickt soll sie der Bereich öffnen bis zu den nächsten Zahlen nur ich weiß überhaupt nciht wie ich das machen soll.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
 <script type="text/javascript">
  var anzahlBomben=15;



  var rahmen = new Array();

  rahmen[0] = new Array();
  rahmen[0][0] = 0;
  rahmen[0][1] = 0;
  rahmen[0][2] = 0;
  rahmen[0][3] = 0;
  rahmen[0][4] = 0;
  rahmen[0][5] = 0;
  rahmen[0][6] = 0;
  rahmen[0][7] = 0;
  rahmen[0][8] = 0;
  rahmen[0][9] = 0;


  rahmen[1] = new Array();
  rahmen[1][0] = 0;
  rahmen[1][1] = 0;
  rahmen[1][2] = 0;
  rahmen[1][3] = 0;
  rahmen[1][4] = 0;
  rahmen[1][5] = 0;
  rahmen[1][6] = 0;
  rahmen[1][7] = 0;
  rahmen[1][8] = 0;
  rahmen[1][9] = 0;

  rahmen[2] = new Array();
  rahmen[2][0] = 0;
  rahmen[2][1] = 0;
  rahmen[2][2] = 0;
  rahmen[2][3] = 0;
  rahmen[2][4] = 0;
  rahmen[2][5] = 0;
  rahmen[2][6] = 0;
  rahmen[2][7] = 0;
  rahmen[2][8] = 0;
  rahmen[2][9] = 0;

  rahmen[3] = new Array();
  rahmen[3][0] = 0;
  rahmen[3][1] = 0;
  rahmen[3][2] = 0;
  rahmen[3][3] = 0;
  rahmen[3][4] = 0;
  rahmen[3][5] = 0;
  rahmen[3][6] = 0;
  rahmen[3][7] = 0;
  rahmen[3][8] = 0;
  rahmen[3][9] = 0;

  rahmen[4] = new Array();
  rahmen[4][0] = 0;
  rahmen[4][1] = 0;
  rahmen[4][2] = 0;
  rahmen[4][3] = 0;
  rahmen[4][4] = 0;
  rahmen[4][5] = 0;
  rahmen[4][6] = 0;
  rahmen[4][7] = 0;
  rahmen[4][8] = 0;
  rahmen[4][9] = 0;

  rahmen[5] = new Array();
  rahmen[5][0] = 0;
  rahmen[5][1] = 0;
  rahmen[5][2] = 0;
  rahmen[5][3] = 0;
  rahmen[5][4] = 0;
  rahmen[5][5] = 0;
  rahmen[5][6] = 0;
  rahmen[5][7] = 0;
  rahmen[5][8] = 0;
  rahmen[5][9] = 0;

  rahmen[6] = new Array();
  rahmen[6][0] = 0;
  rahmen[6][1] = 0;
  rahmen[6][2] = 0;
  rahmen[6][3] = 0;
  rahmen[6][4] = 0;
  rahmen[6][5] = 0;
  rahmen[6][6] = 0;
  rahmen[6][7] = 0;
  rahmen[6][8] = 0;
  rahmen[6][9] = 0;

  rahmen[7] = new Array();
  rahmen[7][0] = 0;
  rahmen[7][1] = 0;
  rahmen[7][2] = 0;
  rahmen[7][3] = 0;
  rahmen[7][4] = 0;
  rahmen[7][5] = 0;
  rahmen[7][6] = 0;
  rahmen[7][7] = 0;
  rahmen[7][8] = 0;
  rahmen[7][9] = 0;

  rahmen[8] = new Array();
  rahmen[8][0] = 0;
  rahmen[8][1] = 0;
  rahmen[8][2] = 0;
  rahmen[8][3] = 0;
  rahmen[8][4] = 0;
  rahmen[8][5] = 0;
  rahmen[8][6] = 0;
  rahmen[8][7] = 0;
  rahmen[8][8] = 0;
  rahmen[8][9] = 0;

  rahmen[9] = new Array();
  rahmen[9][0] = 0;
  rahmen[9][1] = 0;
  rahmen[9][2] = 0;
  rahmen[9][3] = 0;
  rahmen[9][4] = 0;
  rahmen[9][5] = 0;
  rahmen[9][6] = 0;
  rahmen[9][7] = 0;
  rahmen[9][8] = 0;
  rahmen[9][9] = 0;

  var bombe;
  function bombenVerteilen(){
      for (var b=0; b<anzahlBomben; b++){
         var j = Math.random();
         j = j*10;
         j = Math.floor(j);

         var i = Math.random();
         i = i*10;
         i = Math.floor(i);


         if (rahmen[j][i] == 9){
                 b--;
                 bombe=false;
         }
         else{
                 rahmen[j][i]=9;
         }

      }

  bombenUeberpruefung();

  }




  function bombenUeberpruefung(){
         var i,j;
         for (i=0; i<10; i++){
                 for(j=0; j<10; j++){
                         var feld = rahmen[j][i];
                         if (feld == 9){
                                 if (((i+1)<10) && (rahmen[j][i+1] <9)){
                                         var feld_um1 = rahmen[j][i+1];
                                         feld_um1++;
                                         rahmen[j][i+1] = feld_um1;
                                 }

                                 if (((i-1)>=0) && (rahmen[j][i-1]<9)){
                                         var feld_um2 = rahmen[j][i-1];
                                         feld_um2++;
                                         rahmen[j][i-1] = feld_um2;
                                 }

                                 if (((j+1)<10) && (rahmen[j+1][i]<9)){
                                         var feld_um3 = rahmen[j+1][i];
                                         feld_um3++;
                                         rahmen[j+1][i] = feld_um3;
                                 }

                                 if (((j-1)>=0) && (rahmen[j-1][i]<9)){
                                         var feld_um4 = rahmen[j-1][i];
                                         feld_um4++;
                                         rahmen[j-1][i] = feld_um4;
                                 }

                                 if (((i+1)<10) && ((j+1)<10) && (rahmen[j+1][i+1]<9)){
                                         var feld_um5 = rahmen[j+1][i+1];
                                         feld_um5++;
                                         rahmen[j+1][i+1] = feld_um5;
                                 }

                                 if (((i-1)>=0) && ((j-1)>=0) && (rahmen[j-1][i-1]<9)){
                                         var feld_um6 = rahmen[j-1][i-1];
                                         feld_um6++;
                                         rahmen[j-1][i-1] = feld_um6;
                                 }

                                 if (((j+1)<10) && ((i-1)>=0) && (rahmen[j+1][i-1]<9)){
                                         var feld_um7 = rahmen[j+1][i-1];
                                         feld_um7++;
                                         rahmen[j+1][i-1] = feld_um7;
                                 }

                                 if (((j-1)>=0) && ((i+1)<10) && (rahmen[j-1][i+1]<9)){
                                         var feld_um8 = rahmen[j-1][i+1];
                                         feld_um8++;
                                         rahmen[j-1][i+1] = feld_um8;
                                 }
                         }
                 }
         }startZaehlen(0);
  }

  function feldNummer(elementId){
         var koordinaten = elementId.split("_");
         var j=koordinaten[0];
         var i=koordinaten[1];
         var strSrc = "";

         if(bombe == true){
         return;
         }

          switch(rahmen[j][i]){
          case 0:
            document.getElementById(elementId).style.background="#b8b8b8";
            break;
          case 1:
            strSrc = "zahl_1.jpg";
            break;
          case 2:
            strSrc = "zahl_2.jpg";
            break;
          case 3:
            strSrc = "zahl_3.jpg";
            break;
          case 4:
            strSrc = "zahl_4.jpg";
            break;
          case 5:
            strSrc = "zahl_5.jpg";
            break;
          case 6:
            strSrc = "zahl_6.jpg";
            break;
          case 7:
            strSrc = "zahl_7.jpg";
            break;
          case 8:
            strSrc = "zahl_8.jpg";
            break;
          case 9:
            bombe=true;
            window.clearTimeout(zaehler);
            strSrc = "bombe-rot.jpg";
            break;
          default:
            document.getElementById(elementId).style.background="#b8b8b8";
        }
        document.getElementById(elementId).getElementsByTagName("img")[0].src = strSrc;



  }


  var zaehler = 0;

function startZaehlen(anfangsZahl){
  document.getElementById("outID").innerHTML = anfangsZahl;

  if(anfangsZahl < 999){
   zaehler = window.setTimeout(function(){startZaehlen(++anfangsZahl);}, 1000);
  }
  if(anfangsZahl < 10) {anfangsZahl= "0" + anfangsZahl;}




}












</script>

</head>
<body style="font-family:arial;font-size:10px;text-align:center;">
<table border="0" style="width:160px;background-color:grey;">
         <tr>
         <center>

                 <td id="outID" style="height:20px;text-align:center;font-size:15px;">
                  &nbsp;
                 </td> </center>
         </tr>
         <tr>
                 <td id="0_0"  onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">

                 </td>
                 <td id="0_1" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="0_2" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="0_3" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="0_4" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="0_5" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="0_6" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="0_7" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="0_8" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="0_9" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
         </tr>
         <tr>
                 <td id="1_0" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="1_1" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="1_2" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="1_3" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="1_4" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="1_5" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="1_6" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="1_7" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="1_8" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="1_9" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
         </tr>
          <tr>
                 <td id="2_0" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="2_1" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="2_2" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="2_3" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="2_4" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="2_5" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="2_6" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="2_7" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="2_8" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="2_9" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
         </tr>
          <tr>
                 <td id="3_0" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="3_1" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="3_2" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="3_3" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="3_4" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="3_5" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="3_6" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="3_7" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="3_8" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="3_9" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
         </tr>
          <tr>
                 <td id="4_0" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="4_1" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="4_2" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="4_3" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="4_4" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="4_5" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="4_6" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="4_7" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="4_8" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="4_9" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
         </tr>
          <tr>
                 <td id="5_0" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="5_1" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="5_2" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="5_3" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="5_4" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="5_5" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="5_6" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="5_7" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="5_8" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="5_9" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
         </tr>
          <tr>
                 <td id="6_0" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="6_1" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="6_2" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="6_3" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="6_4" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="6_5" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="6_6" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="6_7" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="6_8" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="6_9" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
         </tr>
          <tr>
                 <td id="7_0" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="7_1" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="7_2" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="7_3" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="7_4" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="7_5" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="7_6" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="7_7" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="7_8" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="7_9" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
         </tr>
          <tr>
                 <td id="8_0" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="8_1" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="8_2" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="8_3" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="8_4" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="8_5" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="8_6" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="8_7" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="8_8" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="8_9" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
         </tr>
          <tr>
                 <td id="9_0" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="9_1" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="9_2" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="9_3" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="9_4" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="9_5" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="9_6" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="9_7" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="9_8" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
                 <td id="9_9" onClick="feldNummer(this.id)" style="width:16px;height:16px">
                         <img src="quadrat.jpg">
                 </td>
         </tr>
</table>
<button name="start" type="button"  onclick="bombenVerteilen()" style="float:left">start
</button>
</body>
</html>

Minesweeper spiel andere Felder nciht mehr öffnen

prinzessin4444

Mitglied

Quaese

Moderator

prinzessin4444

Mitglied

Quaese

Moderator

prinzessin4444

Mitglied

Neue Beiträge