0
回答
扫雷游戏关卡设置
利用AWS快速构建适用于生产的无服务器应用程序,免费试用12个月>>>   

想写一个扫雷游戏,根据不同的难度开启不同难度的地图,其中设置了一个重新开始游戏的按钮,思路是将当前地图的尺寸保存出来作为初始状态,在点击重开按钮的时候调用,但是我好像表达我的逻辑时使用的方法写错了,并没有达到调用缓存的当前地图的restart变量的目的,初学js小白一只,好多地方不太懂,希望大神们帮我看看应该怎么样才能当点击menu4按钮的时候调用restart这个变量,或者将它保存成公有变量?

<html lang = "en">
<head>
	<meta charset = "utf-8">
	<title>DOM</title>
	<style>
	{
		margin: 0px;
		padding: 0px;

	}
      ul {
      margin: 0;
      clear:both;
    }
    
    li {
      list-style: none;
      float: left;
      padding: 5px;
      width: 10px;
      height:10px;
      border: 1px solid gray;
      border-right: none;
      border-bottom: none;
      color:green;
    }
    
    li:last-child {
      border-right: 1px solid gray;
    }
    
    ul:last-child>li {
      border-bottom: 1px solid gray;
    }
    #menu1,#menu2,#menu3,#menu4{
    width: 100px;
    height: 40px;
    background-color: orange;
    /*margin:1px;*/
    border:1px solid black;    
    }
    #botton{
      position: absolute;
      width: 400px;
      height: 100px;

    }
    #container{
      margin: 0 auto;
      top: 20px;
      width: 1000px;
      height: 1000px;
      background-color: yellow;
      text-align: center;
    }
    #map1{
      /*position: relative;*/
      width: 400px;
      height:110px;
    }
	</style>
</head>

<div id = "container">
  <div id = "botton">
<botton id = "menu1">简单</botton>
<botton id = "menu2">一般</botton>
<botton id = "menu3">困难</botton>
<botton id = "menu4">重新开始</botton>
</div>
<div id ="map"></div>
</div>

<body>
      <script src ="jquery-3.2.0.min.js"></script>
<script>
  var map = function (mapSize,Map){
            var mapArray =[];
            for(var i=mapSize[0];i--;){
              mapArray[i] =[];
            }
            console.log(mapArray);
            
          Map.innerHTML = mapArray.map(function (lis, x) {
            var point = mapArray.map(function (li, y) {
            return `<li id = '${x},${y}' style ="background:green;">${li}</li>`
        })

        return `<ul>${point.join('')}</ul>`
      }).join('');

          return mapSize;
          }


      $("botton").on("click",function(e){
        console.log(e.target.id);
           var Map =document.getElementById("map");
            if (e.target.id=="menu1"){

              console.log("B")
              var a =[10,10,10,"menu1"];
              console.log(a);
              }else if(e.target.id=="menu2"){
                var a =[20,20,20,"menu2"];
              }else if(e.target.id=="menu3"){
                var a =[30,30,30,"menu3"];
              }
             var =map(a,Map);
             if(restart){
          if(e.target.id=="menu4"){
           var b=restart;
           map(b,Map);
          }  
          }      
      }) 
      

   // $("map").ddEventListener("onclick",function() {


   // })


   // function fill() {

   // }
   // function find(){

   // }

   


	</script>
</body>
</html>

,点击了其他按钮后再点击重开按钮时就会刷新restart导致restart undefined,如果这样写是不可以的,那么我应该怎么写呢?

<无标签>
举报
neko三三
发帖于8个月前 0回/58阅
顶部