IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

咨询电话 : 010-59478634

亚马逊运营

全部问题

已收录问题

未收录问题

没有找到答案，去提问>>>

该问题已被官方收录

任务3如何动态的把数组里的每一个都渲染出来。

0

1

事件

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var borNum = sessionStorage.getItem('dog');
var entrance = JSON.parse(borNum);
console.log(entrance);
var i = 0;

var box = $('.rongqi').append('<div class="row"><div class="shuiming"></div><div class="shuzi"></div></div>');
//先写一个盒子出来添加到容器里面，以便后面循环使用。
for (box = 1; box < entrance.length; box++) {
    $('.rongqi').append('<div class="row"><div class="shuiming"></div><div class="shuzi"></div></div>');
}
//利用上面写出来的盒子循环至entrance-1为止。

for (i; i < entrance.length; i++) {
    // $('.rongqi').append('<div class="row"><div class="shuiming">' + entrance[i] + '</div><div class="shuzi">' + (i + 1) +'号'+ '</div></div>');
    //循环出来的每一个i全部添加到容器里面的方式，主要部分' + entrance[i] + '   ' + (i + 1) +'号'+ '，只需要上面的3行代码，完成本页面。
    $('.shuiming').eq(i).html(entrance[i]);
    $('.shuzi').eq(i).text(i+1);
    //利用eq来把i的每一个都单独的添加到容器里面去。
}
$('.tousi').click(function () {
    window.location.href='./JS4-2.html'
})

该问题已被官方收录

我是用angular的路由的方法，然后自己写了一个html页面但是不能跳转出现错

0

1

angular基础

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var app=angular.module('myApp',['ngRoute']);
//配置ng的路由
app.config(['$routeProvider',function($routeProvider){
   $routeProvider
   .when('/',{
       template:'Welcome!'
    })
   .when('/articleList',{
       templateUrl:'articleList.html',
       controller:''
    })
    
}]);

该问题已被官方收录

数据绑定，不能及时生效

0

1

angular view angular model

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<td >{{statusMsg}}</td>

xhr.onreadystatechange = function() {
    if (xhr.readyState === 4){
        if ((xhr.status >=200 && xhr.status < 300) || xhr.status == 304){
            console.log("xhr存储图片请求成功");
                $scope.statusMsg="成功";
                console.log($scope.statusMsg);
        }else {
                $scope.statusMsg="失败";
                document.getElementById("progressNumber").style.background="red";
                document.getElementById("progressNumber").style.width= "50%";
                console.log($scope.statusMsg);

        }
    }

};

xhr.onreadystatechange = function() {
    if (xhr.readyState === 4){
        if ((xhr.status >=200 && xhr.status < 300) || xhr.status == 304){
            console.log("xhr存储图片请求成功");
            $scope.$apply(function () {
                $scope.statusMsg="成功";
                console.log($scope.statusMsg);
            });

        }else {
            $scope.$apply(function () {
                $scope.statusMsg="失败";
                document.getElementById("progressNumber").style.background="red";
                document.getElementById("progressNumber").style.width= "50%";
                console.log($scope.statusMsg);
            });

        }
    }

};

该问题已被官方收录

定义有限状态机报错

0

1

有限状态机

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>demo</title>
    <script src="../jquery-3.3.1.min.js"></script>
</head>
<body>
    <button id="btn1">1</button>
    <button id="btn2">2</button>
    <button id="btn3">3</button>
    <button id="btn4">4</button>

<script src="demo.js"></script>
<script src="state-machine.js"></script>
</body>
</html>

var fsm = new StateMachine({
    
})；

该问题已被官方收录

为啥wx.request里面无法打印赋值后的变量

0

1

小程序网络请求小程序语言基础

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

// pages/result/result.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 页面需要的数据
    theResultValue1: 0,
    theResultValue2: 0,
    theResultValue3: 0,
    theItem: [],
    theMoney1: [],
    theMoney2: [],
    theMoney3: [],
    winWidth: 0,
    winHeight: 0,
    currentTab: 0 
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options, theItem) {
    var that = this;

    // 将传递过来的参数用JSON转化成原始的数组格式
    var thevalue = JSON.parse(options.key);

    // 直接var变量是没有用的
    // html页面要想获得这些数据，只能放在data里面
    // 先在data里面定义好变量名称，然后通过this.setData的方式来进行赋值
    this.setData ({
      theResultValue1: (thevalue[0]-1), 
      theResultValue2: (thevalue[1]-1), 
      theResultValue3: (thevalue[2]-1)
    })
    
    // 向后台请求数据
    wx.request({
      url: 'http://www.jnshu.com/a/occupation/list',
      method: 'GET',
      header: {
        'content-type': 'application/json' // 默认值
      },
      success: function (res) {
        console.log(res.data.data.occupations);
        var aaa = (JSON.parse(res.data.data.occupations[thevalue[0] - 1].salary));
        var bbb = (JSON.parse(res.data.data.occupations[thevalue[1] - 1].salary));
        var ccc = (JSON.parse(res.data.data.occupations[thevalue[2] - 1].salary));

        // 这里的赋值，需要通过setData来进行赋值，同时需要将this用一个变量来代替
        // 需要先在data上面定义好一个theItem，也就是这里的变量
        // request是异步执行，所以这里无法打印theItem
        that.setData({
          theItem: res.data.data.occupations,
          theMoney1: aaa,
          theMoney2: bbb,
          theMoney3: ccc,
        });
        console.log(theItem);
      }
    })

    // navbar
    wx.getSystemInfo({
      success: function (res) {
        that.setData({
          winWidth: res.windowWidth,
          winHeight: res.windowHeight
        });
      }
    }); 
  },

  bindChange: function (e) {
    var that = this;
    that.setData({ currentTab: e.detail.current });
  },
  swichNav: function (e) {
    var that = this;
    if (this.data.currentTab === e.target.dataset.current) {
      return false;
    } else {
      that.setData({
        currentTab: e.target.dataset.current
      })
    }
  }, 

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
  
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
  
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
  
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
  
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
  
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
  
  }
})

该问题已被官方收录

求学大作战删除功能，如何在全选后，点击单选则取消全选的选择

0

1

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

        //every判断是否已经全选
        function istrue(val) {
          return val.check == true;
        }
        let all = this.articleList.every(istrue);
        //如果未全选了，则全选按钮取消
        if (all == false) {
            this.checkAll = false;

          //如果全选了，则全选按钮选择上
        } else {
            this.checkAll = true;
        }

该问题已被官方收录

图片拖动上传

0

1

file-upload

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div ng-show="uploader.isHTML5"  ng-if="!order">
                            <!-- 3. nv-file-over uploader="link" over-class="className" -->
                            <div class="well my-drop-zone" nv-file-drop uploader="uploader">
                                <label for="upload-file">上传效果图<span style="font-weight: lighter;">(上传图片在5M以内)</span></label>
                                <input type='file' id="upload-file" nv-file-select uploader="uploader">
                            </div>
                        </div>

该问题已被官方收录

渲染下拉栏经常会因为各种原因会出现空白

0

1

angular view

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

                        <div class="col-md-8">
                            <select class="form-control" ng-model="vm.params.productId">
                                <option value="">全部</option>
                                <option ng-repeat="x in vm.productList"
                                        ng-selected="vm.params.productId == x.id"
                                        ng-value="x.id">{{x.name}}</option>
                            </select>
                        </div>

该问题已被官方收录

不用原生上传图片方法，angularjs有没有上传图片方法

0

1

file-upload

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

if (typeof FileReader === 'undefined') { //如不支持
            vm.imgTip = "抱歉，你的浏览器不支持 FileReader";
            fileInput.setAttribute('disabled', 'disabled');
        } else { //如支持
            //上传图片监听change事件:   
            $("#image-file").on('change', function () {
                vm.params.img = undefined //点击选择图片重置图片为undefined
                var file = fileInput.files[0];
                console.log(file)
                if (!fileInput.value) { //如果没选择文件
                    $scope.$apply(function () {
                        vm.infor.imgTip = "未选择图片"
                    })
                    return false;
                } else if (fileInput.value && !/image\/\w+/.test(file.type)) { //如果选择了且选择文件格式不对
                    $scope.$apply(function () {
                        vm.infor.imgTip = '不是有效的图片文件!'
                    })
                    return false;
                } else { //如果选择了正确格式文件
                    $scope.$apply(function () {
                        vm.infor.imgTip = "选择成功";
                        vm.infor.isAble = false; //上传按钮恢复颜色可用
                        vm.infor.isShow = false; //进度条恢复
                    })
                    var reader = new FileReader(); //创建一个FileReader接口
                    console.log(reader);
                    //将文件以Data URL形式读入页面
                    reader.readAsDataURL(file); //FileReader的方法，把图片转成base64
                    reader.onprogress = function (e) { //本地上传过程
                        var line = e.loaded / e.total * 100; //本机上传成功100% 
                        if (line === 100) { //如果本地上传成功
                            reader.onload = function (e) { //成功读取
                                preview.src = e.target.result; //显示重新选择的图片
                                $scope.$apply(function () {
                                    vm.infor.chooseImg = true; //操作栏显示
                                    vm.infor.imgName = file.name; //显示图片名
                                    vm.infor.imgSize = file.size; //显示图片大小
                                });
                                if (file.size > 1024 * 1024) {
                                    $scope.$apply(function () {
                                        vm.infor.imgTip = "文件过大，请重新选择";
                                        vm.infor.isAble = true; //上传按钮半透明 不可用
                                    })
                                } else {
                                    vm.up = function () { //点击上传
                                        vm.infor.isShow = true; //进度条生效 
                                        vm.infor.isAble = true; //上传按钮半透明 不可用 
                                        //以下为像后台提交图片数据
                                        var formdata = new FormData();
                                        formdata.append("file", file); // file中包含用户所选择的文件
                                        uploadService.uploadFile(formdata).then(function (res) { //成功
                                            console.log(res.data);
                                            if (res.data.code == 0) { //请求成功
                                                vm.params.img = res.data.data.url;
                                                console.log(vm.params)
                                                vm.infor.imgTip = "上传成功";
                                            }
                                        })
                                    }
                                }
                            };
                        }
                    };
                }
            });
        }

<label for="image-file" class="mybtn btn-blue">选择文件</label>
                            <input type="file" id="image-file">

                        </div>
                        <p id="file-info">{{vm.infor.imgTip}}</p>
                        <div class="col-lg-12">
                            <img id="image-preview" src={{vm.params.img}} alt="配图预览区">

该问题已被官方收录

0

1

js基础

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>法官台本</title>
    <link rel="stylesheet" type="text/css" href="../scss/version.css">
    <script src="../js/state-machine.js"></script>
</head>

<body>
    <header>
        <a class="return" href="./journal.html"></a>
        <h4>法官台本</h4>
        <a class="right" href="#">
            <span></span>
        </a>
    </header>
    <main>
        <div class="itme">
            <div class="day">
                第<span class="dayss">一</span>天
                <span class="dropdown"></span>
            </div>
            <div class="order">
                <span class="triangle"></span>
                <div class="box">
                    <div class="one">
                        <img src="../img/taiyang.png">
                    </div>
                    <div class="two">
                        <img src="../img/yueliang.png">
                    </div>
                    <button class="killingg">杀手杀人</button>
                    <p class="sha" id="shaa"></p>
                    <button class="undeadspeakk">亡灵发表遗言</button>
                    <button class="playerspeakingg">玩家依次发言</button>
                    <button class="votingg">全民投票</button>
                    <p class="tou"></p>
                </div>
            </div>
        </div>
    </main>
    <footer>
        <button id="end">结束游戏</button>
        <button id="record">法官日志</button>
    </footer>
    <script>
        var dayss = document.getElementsByClassName("dayss");
        var itme = document.getElementsByClassName("itme"); //获取克隆的源节点
        var order = document.getElementsByClassName("order");
        var sha = document.getElementsByClassName("sha");
        var tou = document.getElementsByClassName("tou");
        var daybtn = document.getElementsByClassName("day");
        var box = document.getElementsByClassName("box");
        //四个按钮的节点获取
        var killingg = document.getElementsByClassName("killingg");
        var undeadspeakk = document.getElementsByClassName("undeadspeakk");
        var playerspeakingg = document.getElementsByClassName("playerspeakingg");
        var votingg = document.getElementsByClassName("votingg");
        //console.log(p);
        var step = sessionStorage.getItem("step"); //提取步骤
        // console.log(step)
        //提取被杀死的平民信息
        if (sessionStorage.getItem("killDead")) {
            var killDead = JSON.parse(sessionStorage.getItem("killDead"));
        } else {
            var killDead = [];
        }
        // console.log(killDead);
        //提取被投死的玩家信息
        if (sessionStorage.getItem("voteDead")) {
            var voteDead = JSON.parse(sessionStorage.getItem("voteDead"));
        } else {
            var voteDead = [];
        }
        console.log(voteDead)
        // console.log(voteDead);
        //提取天数
        if (sessionStorage.getItem("days")) {
            var days = sessionStorage.getItem("days");
        } else {
            var days = 1;
        }
        console.log(days);
        //创建天数数组
        var daysArray = ["十", "一", "二", "三", "四", "五", "六", "七", "八", "九"];
        sessionStorage.setItem("daysArray",JSON.stringify(daysArray));
        //创建状态机数组
        // var state = ["kill", "undead", "playerspeak", "vote"];
        //创建执行顺序状态机
        var fsm = new StateMachine({
            //当前状态
            init: "kill",
            //状态转换
            transitions: [{
                    name: "killing",
                    from: "kill",
                    to: "undead"
                },
                {
                    name: "undeadspeak",
                    from: "undead",
                    to: "playerspeak"
                },
                {
                    name: "playerspeaking",
                    from: "playerspeak",
                    to: "vote"
                },
                {
                    name: "voting",
                    from: "vote",
                    to: "kill"
                }
            ],
            //构造状态机的方法
            methods: {
                /* 如果状态转换不能正常转换就会触发下面的错误处理机制 */
                onInvalidTransition: function (transitions, from, to) {
                    switch (from) {
                        case "kill":
                            alert("请点击杀手杀人");
                            break;
                        case "undead":
                            alert("请点击亡灵发表遗言");
                            break;
                        case "playerspeak":
                            alert("请点击玩家依次发言");
                            break;
                        case "vote":
                            alert("请点击请点击全民投票");
                            break;
                    }
                }
            }
        });

        window.onload = function () {
            if (days > 1) {
                for (let i = 0; i < days - 1; i++) {
                    var cloneNode = itme[0].cloneNode(true);
                    itme[0].parentNode.appendChild(cloneNode);
                    // console.log(itme)
                    // console.log(itme[i])
                    console.log(box[3])
                    var button = box[i].getElementsByTagName("button"); //获取button
                    // console.log(button);
                    for (let i = 0; i < button.length; i++) {
                        button[i].style.background = "red";
                    }
                    // console.log(itme)

                    var button = box[i + 1].getElementsByTagName("button"); //获取当前天的button
                    for (let i = 0; i < button.length; i++) {
                        button[i].style.background = "#24A7C6";
                    }
                    dayss[i].innerHTML = daysArray[i + 1]; //修改天数数字
                    sha[i].innerHTML = killDead[i];
                    tou[i].innerHTML = voteDead[i];
                    // console.log(i);
                    // console.log(voteDead)
                    //  console.log(tou[i])
                    //  console.log(tou[1])

                }

                for (let i = 0; i < days - 1; i++) { //当到下一天的时候，上一天自动隐藏
                    //console.log(order[i])
                    order[i].classList.add("none");
                }
                dayss[days - 1].innerHTML = daysArray[days]; //修改当前天数数字
                if (killDead[days - 1] == undefined) { //修改当前杀人信息
                    sha[days - 1].innerHTML = "";

                } else {
                    sha[days - 1].innerHTML = killDead[days - 1];
                }
                if (voteDead[days - 1] == undefined) { //修改当前投死信息
                    tou[days - 1].innerHTML = "";

                } else {
                    tou[days - 1].innerHTML = voteDead[days - 1];
                }

            }
            if (days == 1) {
                //console.log( killDead[0])
                if (killDead[0] == undefined) {
                    sha[0].innerText = "";
                } else {
                    sha[0].innerText = killDead[0];
                }
            }
            for (let i = 0; i < days; i++) {
                //console.log(daybtn[i])
                daybtn[i].onclick = function () {
                    order[i].classList.toggle("none");
                }
                killingg[i].onclick = function () {
                    //console.log(fsm.can('killing'));
                    fsm.killing();
                    if (step == null) {
                        location.href = ('killing.html');
                    }
                }
                undeadspeakk[i].onclick = function () {
                    //console.log(fsm.can('undeadspeak'));
                    fsm.undeadspeak();
                    if (step == 1) {
                        alert("亡灵发表遗言");
                        undeadspeakk[i].style.background = "red";
                        step = 2;
                        sessionStorage.setItem("step", step);
                    }
                }
                playerspeakingg[i].onclick = function () {
                    //console.log(fsm.can('playerspeaking'));
                    fsm.playerspeaking();
                    if (step == 2) {
                        alert("玩家发表言");
                        playerspeakingg[i].style.background = "red";
                        step = 3;
                        sessionStorage.setItem("step", step);
                    }
                }
                // console.log(step);
                votingg[i].onclick = function () {
                    //console.log(fsm.can('voting'));
                    fsm.voting();
                    if (step == 3) {
                        sessionStorage.setItem("days", days);
                        sessionStorage.setItem("step", step);
                        location.href = ('vote.html');
                    }
                }

            }
            switch (step) {
                case "1":
                    fsm.killing();
                    for (let i = 0; i < days; i++) {
                        killingg[i].style.background = "red";
                    }
                    break;
                case "2":
                    fsm.killing();
                    fsm.undeadspeak();
                    for (let i = 0; i < days; i++) {
                        killingg[i].style.background = "red";
                        undeadspeakk[i].style.background = "red";
                    }
                    break;
                case "3":
                    fsm.killing();
                    fsm.undeadspeak();
                    fsm.playerspeaking();
                    for (let i = 0; i < days; i++) {
                        killingg[i].style.background = "red";
                        undeadspeakk[i].style.background = "red";
                        playerspeakingg[i].style.background = "red";
                    }

                    break;
                case "4":
                    step = null;
                    break;
            }
            // for(var i =0 ; i < days - 1 ; i++){
                
            // }
        }
        //第一天的步骤

        //退出游戏按钮
        var close = document.getElementsByClassName("right")[0];
        close.onclick = function () {
            if (confirm("确定退出游戏么？")) {
                sessionStorage.clear();
                location.href = ("homepage.html");
            }
        }
        //法官日记按钮
        var record = document.getElementById("record");
        record.onclick = function () {
            location.href = ("record.html");
        }
        //结束游戏按钮
        var end = document.getElementById("end");
        end.onclick = function () {
            if (confirm("确定退出游戏么？")) {
                sessionStorage.clear();
                location.href = ("homepage.html");
            }
        }
    </script>

</body>

</html><!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>法官台本</title>
    <link rel="stylesheet" type="text/css" href="../scss/version.css">
    <script src="../js/state-machine.js"></script>
</head>

<body>
    <header>
        <a class="return" href="./journal.html"></a>
        <h4>法官台本</h4>
        <a class="right" href="#">
            <span></span>
        </a>
    </header>
    <main>
        <div class="itme">
            <div class="day">
                第<span class="dayss">一</span>天
                <span class="dropdown"></span>
            </div>
            <div class="order">
                <span class="triangle"></span>
                <div class="box">
                    <div class="one">
                        <img src="../img/taiyang.png">
                    </div>
                    <div class="two">
                        <img src="../img/yueliang.png">
                    </div>
                    <button class="killingg">杀手杀人</button>
                    <p class="sha" id="shaa"></p>
                    <button class="undeadspeakk">亡灵发表遗言</button>
                    <button class="playerspeakingg">玩家依次发言</button>
                    <button class="votingg">全民投票</button>
                    <p class="tou"></p>
                </div>
            </div>
        </div>
    </main>
    <footer>
        <button id="end">结束游戏</button>
        <button id="record">法官日志</button>
    </footer>
    <script>
        var dayss = document.getElementsByClassName("dayss");
        var itme = document.getElementsByClassName("itme"); //获取克隆的源节点
        var order = document.getElementsByClassName("order");
        var sha = document.getElementsByClassName("sha");
        var tou = document.getElementsByClassName("tou");
        var daybtn = document.getElementsByClassName("day");
        var box = document.getElementsByClassName("box");
        //四个按钮的节点获取
        var killingg = document.getElementsByClassName("killingg");
        var undeadspeakk = document.getElementsByClassName("undeadspeakk");
        var playerspeakingg = document.getElementsByClassName("playerspeakingg");
        var votingg = document.getElementsByClassName("votingg");
        //console.log(p);
        var step = sessionStorage.getItem("step"); //提取步骤
        // console.log(step)
        //提取被杀死的平民信息
        if (sessionStorage.getItem("killDead")) {
            var killDead = JSON.parse(sessionStorage.getItem("killDead"));
        } else {
            var killDead = [];
        }
        // console.log(killDead);
        //提取被投死的玩家信息
        if (sessionStorage.getItem("voteDead")) {
            var voteDead = JSON.parse(sessionStorage.getItem("voteDead"));
        } else {
            var voteDead = [];
        }
        console.log(voteDead)
        // console.log(voteDead);
        //提取天数
        if (sessionStorage.getItem("days")) {
            var days = sessionStorage.getItem("days");
        } else {
            var days = 1;
        }
        console.log(days);
        //创建天数数组
        var daysArray = ["十", "一", "二", "三", "四", "五", "六", "七", "八", "九"];
        sessionStorage.setItem("daysArray",JSON.stringify(daysArray));
        //创建状态机数组
        // var state = ["kill", "undead", "playerspeak", "vote"];
        //创建执行顺序状态机
        var fsm = new StateMachine({
            //当前状态
            init: "kill",
            //状态转换
            transitions: [{
                    name: "killing",
                    from: "kill",
                    to: "undead"
                },
                {
                    name: "undeadspeak",
                    from: "undead",
                    to: "playerspeak"
                },
                {
                    name: "playerspeaking",
                    from: "playerspeak",
                    to: "vote"
                },
                {
                    name: "voting",
                    from: "vote",
                    to: "kill"
                }
            ],
            //构造状态机的方法
            methods: {
                /* 如果状态转换不能正常转换就会触发下面的错误处理机制 */
                onInvalidTransition: function (transitions, from, to) {
                    switch (from) {
                        case "kill":
                            alert("请点击杀手杀人");
                            break;
                        case "undead":
                            alert("请点击亡灵发表遗言");
                            break;
                        case "playerspeak":
                            alert("请点击玩家依次发言");
                            break;
                        case "vote":
                            alert("请点击请点击全民投票");
                            break;
                    }
                }
            }
        });

        window.onload = function () {
            if (days > 1) {
                for (let i = 0; i < days - 1; i++) {
                    var cloneNode = itme[0].cloneNode(true);
                    itme[0].parentNode.appendChild(cloneNode);
                    // console.log(itme)
                    // console.log(itme[i])
                    console.log(box[3])
                    var button = box[i].getElementsByTagName("button"); //获取button
                    // console.log(button);
                    for (let i = 0; i < button.length; i++) {
                        button[i].style.background = "red";
                    }
                    // console.log(itme)

                    var button = box[i + 1].getElementsByTagName("button"); //获取当前天的button
                    for (let i = 0; i < button.length; i++) {
                        button[i].style.background = "#24A7C6";
                    }
                    dayss[i].innerHTML = daysArray[i + 1]; //修改天数数字
                    sha[i].innerHTML = killDead[i];
                    tou[i].innerHTML = voteDead[i];
                    // console.log(i);
                    // console.log(voteDead)
                    //  console.log(tou[i])
                    //  console.log(tou[1])

                }

                for (let i = 0; i < days - 1; i++) { //当到下一天的时候，上一天自动隐藏
                    //console.log(order[i])
                    order[i].classList.add("none");
                }
                dayss[days - 1].innerHTML = daysArray[days]; //修改当前天数数字
                if (killDead[days - 1] == undefined) { //修改当前杀人信息
                    sha[days - 1].innerHTML = "";

                } else {
                    sha[days - 1].innerHTML = killDead[days - 1];
                }
                if (voteDead[days - 1] == undefined) { //修改当前投死信息
                    tou[days - 1].innerHTML = "";

                } else {
                    tou[days - 1].innerHTML = voteDead[days - 1];
                }

            }
            if (days == 1) {
                //console.log( killDead[0])
                if (killDead[0] == undefined) {
                    sha[0].innerText = "";
                } else {
                    sha[0].innerText = killDead[0];
                }
            }
            for (let i = 0; i < days; i++) {
                //console.log(daybtn[i])
                daybtn[i].onclick = function () {
                    order[i].classList.toggle("none");
                }
                killingg[i].onclick = function () {
                    //console.log(fsm.can('killing'));
                    fsm.killing();
                    if (step == null) {
                        location.href = ('killing.html');
                    }
                }
                undeadspeakk[i].onclick = function () {
                    //console.log(fsm.can('undeadspeak'));
                    fsm.undeadspeak();
                    if (step == 1) {
                        alert("亡灵发表遗言");
                        undeadspeakk[i].style.background = "red";
                        step = 2;
                        sessionStorage.setItem("step", step);
                    }
                }
                playerspeakingg[i].onclick = function () {
                    //console.log(fsm.can('playerspeaking'));
                    fsm.playerspeaking();
                    if (step == 2) {
                        alert("玩家发表言");
                        playerspeakingg[i].style.background = "red";
                        step = 3;
                        sessionStorage.setItem("step", step);
                    }
                }
                // console.log(step);
                votingg[i].onclick = function () {
                    //console.log(fsm.can('voting'));
                    fsm.voting();
                    if (step == 3) {
                        sessionStorage.setItem("days", days);
                        sessionStorage.setItem("step", step);
                        location.href = ('vote.html');
                    }
                }

            }
            switch (step) {
                case "1":
                    fsm.killing();
                    for (let i = 0; i < days; i++) {
                        killingg[i].style.background = "red";
                    }
                    break;
                case "2":
                    fsm.killing();
                    fsm.undeadspeak();
                    for (let i = 0; i < days; i++) {
                        killingg[i].style.background = "red";
                        undeadspeakk[i].style.background = "red";
                    }
                    break;
                case "3":
                    fsm.killing();
                    fsm.undeadspeak();
                    fsm.playerspeaking();
                    for (let i = 0; i < days; i++) {
                        killingg[i].style.background = "red";
                        undeadspeakk[i].style.background = "red";
                        playerspeakingg[i].style.background = "red";
                    }

                    break;
                case "4":
                    step = null;
                    break;
            }
            // for(var i =0 ; i < days - 1 ; i++){
                
            // }
        }
        //第一天的步骤

        //退出游戏按钮
        var close = document.getElementsByClassName("right")[0];
        close.onclick = function () {
            if (confirm("确定退出游戏么？")) {
                sessionStorage.clear();
                location.href = ("homepage.html");
            }
        }
        //法官日记按钮
        var record = document.getElementById("record");
        record.onclick = function () {
            location.href = ("record.html");
        }
        //结束游戏按钮
        var end = document.getElementById("end");
        end.onclick = function () {
            if (confirm("确定退出游戏么？")) {
                sessionStorage.clear();
                location.href = ("homepage.html");
            }
        }
    </script>

</body>

</html>

去第页

Copyright ©2015 北京葡萄藤信息技术有限公司 All Rights Reserved | 京ICP备15035574号-1