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

亚马逊运营

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

JS任务四，关于页面的跳转问题，页面的跳转如何在返回法官台本的时候渲染出文字

1

1

本地储存

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

// 存贮玩家身份，存活
var data = JSON.parse(localStorage.getItem('PartArr'));
console.log(data);

var a = document.getElementsByClassName("box")[0];
var b = document.getElementsByTagName("main")[0];
var c = document.getElementsByClassName("civilian");
var d = document.getElementsByClassName("number");


// 重新声明了对象
function dx(pm, zt, sf) {
    this.pm = pm;
    this.zt = zt;
    this.sf = sf;
};

// 再次声明空数组
var array1=[];



 

// 保存上面声明的对象
localStorage.setItem("dx", JSON.stringify(dx));
console.log(dx);



var sharen;

function chan() {
    for (var i = 0; i < data.length - 1; i++) {
        var aa = a.cloneNode(true);
        b.appendChild(aa);
    }
}
chan();
// 声明一个变量T
var T;

for (let i = 0; i < data.length; i++) {
    c[i].innerText = data[i].breed;
    d[i].innerText = data[i].num
}
// 记录下被杀的人
var H = document.getElementsByClassName("box1");
for (var i = 0; i < H.length; i++) {
    var P = H[i];
    P.index = i; 
    P.onclick = function () {
        sharen = this.index;
        // 把T赋予给这个全局变量
        T = sharen;
        console.log(sharen)
    }

}

// var o=JSON.parse(localStorage.getItem('array'))
// console.log(o)


// 判断是否有定义
function queren() {
    for (i = 0; i < data.length; i++) {
        console.log(status)
        // 把构造函数的身份进行判断
        if (data[T].breed == "杀手") {
            alert("杀手不能杀死杀手")
            // 返回值，不输出的话会弹出四次
            return
        } else if (data[T].breed == "平民") {
            data[T].status = '死亡';
            // show.innerHTML='世纪开始剧烈的'
        }
    }
    console.log(data)
    // 储存这个页面的杀人数值
    localStorage.setItem("PartArr", JSON.stringify(data));
    window.location='./../js4法官台本/js4-1.html'
}


// 读取上个页面保存的数值
var data = JSON.parse(localStorage.getItem('PartArr'));
console.log(data)
// 获取显示页面的ID
var show = document.getElementById('show');
var box1 = document.getElementsByClassName('box1')[0];
var Boxtokill = document.getElementsByClassName('Box-to-kill');
console.log(show)

var dqq = JSON.stringify(localStorage.getItem('array1'));
var fate = document.getElementById('fate');
// show.innerHTML = '隐藏并传递给' + (data[1].breed + 1) + '号'

function sr() {
    window.location = './../js4杀手杀人/js4-3.html'
    for (i = 0; i < data.length; i++) {
        if (data[1].breed == "杀手") {
            alert("杀手不能杀死杀手")
            // 返回值，不输出的话会弹出四次
            return
        } else if (data[1].breed == "平民") {
           show.innerHTML='世纪开始剧烈的'
        }
    }
}
console.log(show)

该问题已被官方收录

用js渲染出来的html标签，怎么添加ng-disable？

0

1

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 vm.myDate = new Date();
        vm.$currentDate.text(vm.myDate.getFullYear() + '年' + (vm.myDate.getMonth() + 1) + '月' + vm.myDate.getDate() + '日');
        vm.monthFirst = new Date(vm.myDate.getFullYear(),(vm.myDate.getMonth())-1, 1).getDay();
        vm.d = new Date(vm.myDate.getFullYear(), (vm.myDate.getMonth() )+ 1, 0);
        vm.totalDay = vm.d.getDate(); //获取当前月的天数
        for (let i = 0; i < 42; i++) {
            vm._html += ' <li> </li>'
        }
        vm.$dateBox.html(vm._html); //生成日历网格
        vm.$dateLi = vm.$dateBox.find("li");
        for (let i = 0; i < vm.totalDay; i++) {
            vm.$dateLi.eq(i +vm.monthFirst).addClass("date" + (i + 1)).html((i + 1) +"<div class=\"sign-icon\"></div>");
            for (let j = 0; j < signArr.length; j++) {
                if (i === signArr[j]) {
                    vm.$dateLi.eq(i + vm.monthFirst).addClass("sign");
                }
            }
        } //生成当月的日历且含已签到
        $(".date" + vm.myDate.getDate()).addClass('able-sign');//当天标记为可签到
        if (vm._handle){
            $(".able-sign").on("click",function (){
                console.log($(this));
                $(this).addClass('sign');
                openLayer("sign-active");
                // sessionStorage.setItem('_handle',vm._handle);
                vm.signComplete()
            });
        }

该问题已被官方收录

多次点击“开始闪”再点“结束闪”无效了

0

1

事件函数控制流程语句

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var arr=new Array(3);//创建数组容纳随机数
 var arr1=new Array(3);
 for(var i=0;i<arr.length;i++){//创建第一组数组
 var a=parseInt(Math.random()*9); 
 console.log(a);
 if(i==0){//第一个数字直接导入数组
 arr[i]=a;
 }else{
 for(var j=0;j<i;j++){//第二个与第三个数字进行判断
 if(a==arr[j]){//如果重复从新开始
  i--
 }else{
  arr[i]=a;
 }
 }
 }
 }

该问题已被官方收录

Vue里面的 $event.target.files[0];是什么意思呢

1

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<template>
  <div>
    <main>
      <div>
        <div class="new-data-box">
          <span>|</span>
          <span>新增资料</span>
        </div>
        <div class="Data-options-box">
          <!-- 第一个所属科目 -->
          <div>
            <span>所属科目</span>
            <template>
              <el-select v-model="value" placeholder="数学">
                <el-option v-for="item in options" :key="item.value" :label="item.label"
                  :value="item.value">
                </el-option>
              </el-select>
            </template>
          </div>
          <!-- 第二个所属科目 -->
          <div>
            <span>所属课程/教材</span>
            <template>
              <el-select v-model="value" placeholder="和差倍问题">
                <el-option v-for="item in optionss" :key="item.valuee" :label="item.labell"
                  :value="item.value">
                </el-option>
              </el-select>
            </template>
          </div>
          <!-- 第三个所属课时 -->
          <div>
            <span>所属课时</span>
            <template>
              <el-select v-model="value" placeholder="全部">
                <el-option v-for="item in optionsss" :key="item.valueee" :label="item.labelll"
                  :value="item.value">
                </el-option>
              </el-select>
            </template>
          </div>
        </div>
        <!-- 第三个新增的资料选项 -->
        <div>
          <!-- 价格部分 -->
          <div>
            <span>价格</span>
            <input type="text" style="width: 30px;">
            <span>元</span>
          </div>
          <!-- 文件上传 -->
          <div>
            <span>文件</span>
            <label class="uupfile" for="upfile">上传</label>
            <input id="upfile"  style="margin-left: 3%;width: 70px;display: none;" type="file" @change="xd">
            <img  :src="PatH" id="upfile"  alt="" style="display: block;margin-left: 9.5%;margin-bottom: 2%;width: 42vw;">
            <table class="image">
              <thead>
                <tr>
                  <th>图片名</th>
                  <th>文件大小</th>
                  <th>进度</th>
                  <th>状态</th>
                  <th>操作</th>
                </tr>
                <tr v-if="imgData">
                  <td>{{imgname}}</td>
                  <td>{{imgSize}}</td>
                  <td class="con">
                   <el-progress :text-inside="true" :stroke-width="18" :percentage="100" status="success"></el-progress>
                  </td>
                  <td></td>
                  <td>
                    <button style="margin-left: 10%;">上传</button>
                    <button style="margin-left: 10%;">删除</button>
                  </td>
                </tr>
              </thead>
            </table>
          </div>
        </div>
      </div>
    </main>
  </div>
</template>
<script>

  export default {
    data() {
      return {
        imgData: false, //未上传图片隐藏图片属性
        PatH:{
          },
          imgUrl:'',
          imgname:'',//图片名字
          imgSize:'',//图片大小
        proBar: 0,
        // 请输入价格的部分
         input: '',
        options: [{
          value: '选项1',
          label: '数学'
        }, {
          value: '选项2',
          label: '语文'
        }, {
          value: '选项3',
          label: '外语'
        }],
        value: '',
        optionss: [{
          valuee: '选项1',
          labell: '和差倍问题'
        }, {
          valuee: '选项2',
          labell: '三年级上册'
        }],
        value: '',
        optionsss: [{
          valueee: '选项1',
          labelll: '全部'
        }, {
          valueee: '选项2',
          labelll: '第一课 标点符号'
        }]
      }
    },
    methods:{
      xd($event){
        let file = $event.target.files[0];//声明
        this.imgData= true//未上传图片隐藏图片属性
        this.imgname=file.name//点击的时候让图片名字显示
      }
    }
  }
</script>
<style lang="scss" scoped>
// 新增资料外部样式
  .new-data-box{
    display: flex;
    align-items: center;
    text-align: left;
    height: 40px;
    background-color: cornflowerblue;
  }
  // 条件新增资料外部盒子
  .Data-options-box{
    height: 170px;
    border: 1px solid;
    padding-top: 50px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
  }
  .uupfile{
    border: 1px solid;
    background-color: cadetblue;
  }
</style>
}

该问题已被官方收录

angular6路由卫士如何设置？

0

1

angular model

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

angular6路由卫士设置方法：

新增卫士服务


// src/app/serve/auth-guard.service.ts
import { Injectable } from '@angular/core';
import { Router, CanActivate } from '@angular/router';

@Injectable()
export class AuthGuardService implements CanActivate {
  constructor(public router: Router) {}
  canActivate(): boolean {
    if (localStorage.getItem('username') === null) {      // 验证登录状态
      this.router.navigate(['/login']);                   // 重定向
      return false;
    }
    return true;
  }
}
导入路由模块


// src/app/app.routing.module.ts
import { Routes, CanActivate } from '@angular/router'; // 导入依赖

import { 
  AuthGuardService as AuthGuard 
} from '../app/serve/auth-guard.service';             // 导入服务
const routes: Routes = [
  { path: '', redirectTo: '/login', pathMatch: 'full' },
  { path: 'login', component: AdminLoginComponent },
  {
    path: 'global',
    component: GlobalComponent,
    children: childRoutes,
    canActivate: [AuthGuard]          // 添加验证服务
  }
];
@NgModule({
...
  providers: [ AuthGuard ],        // 添加提供者
})

登录时：


... 
 if (this.data.code === 0) {                //  用户名密码验证成功
      localStorage.setItem('username', 'admin');  
      this.router.navigate([`../global`]);          
        }
...
退出时：


logout() {
    localStorage.removeItem('username');
    this.router.navigate(['/login']);
  }

该问题已被官方收录

如何让用户欢迎的toast只显示一次？

0

1

其他插件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

open() {
        let time = this.$moment(Date.now()).format("YYYY-MM-DD");
        const h = this.$createElement;
        this.$notify({
          title: '欢迎回来，亲爱的' + this.$store.state.userinfo.name,
          message: h('div', {style: 'color: #409EFF'}, '今天是' + time + '号 ' + " 祝您有快乐的一天")
        });
      },
    },
    mounted() {
      this.getNavbarInfo();
      this.open();
    }

该问题已被官方收录

分页按钮是怎么做的

0

1

分页

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

  <tr ng-repeat="item in data.data.articleList " class="row"
                    ng-class-even="'even'"  >
                  <td class="">{{$index+1}}</td>
                  <td class="">{{item.id}}</td>
                  <td class="">{{item.type}}</td>
                  <td class="">{{item.createAt}}</td>
                  <td class="">{{item.updateAt}}</td>
                  <td class="">{{item.author}}</td>
                  <td class="">{{item.status}}</td>
                  <td class="ctrl "><a href="#" >下线</a>
                    <span class="ctrl "><a href="#" >编辑</a></span>
                    <span class="ctrl " ng-click="remove($index)"><a href="#" >删除</a></span>
                  </td>
                </tr>

该问题已被官方收录

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>

该问题已被官方收录

桌游精灵杀人游戏简单版本的游戏，有个逻辑错误

0

1

控制流程语句事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$(".ft-second button").on("click", function () {
        var Message = JSON.parse(sessionStorage.getItem("Message"));
        if (pick == 1) {
            var person = sessionStorage.getItem("person"),
                killer = sessionStorage.getItem("killer");
            if (killer == person) {
                Message.push("晚上：" + (choiceNum + 1) + "号被杀手杀死，其真实身份是平民。");
                Message.push("没能撑到，晚上已经结束。");
                sessionStorage.setItem("Message", JSON.stringify(Message));
                alert("Game Over");
                location.href = "游戏结果.html";
            }
            else {
                Message.push("晚上：" + (choiceNum + 1) + "号被杀手杀死，其真实身份是平民。");
                sessionStorage.setItem("Message", JSON.stringify(Message));
                location.href = "法官台本.html";
            }
        }
        else if (pick == 0) {
            var ask = confirm("确定这轮不杀人吗？")
            if (ask === true) {
                Message.push("晚上：昨晚杀手没有杀人。");
                sessionStorage.setItem("Message", JSON.stringify(Message));
                location.href = "法官台本.html";
            }
            else {
                console.log("用户撤销，重新选择");
            }
        }
        sessionStorage.setItem("pick", pick);
    })

该问题已被官方收录

怎么使用url传参使页面刷新后保持刷新前的页面

0

1

url传参

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

angular.module('app')
//新增||编辑
    .controller('articleEditCtrl', ['$scope', '$stateParams', '$rootScope', '$state', '$http',
        function ($scope, $stateParams, $rootScope, $state, $http) {
        var $httpTools = {
            put: function (ajaxAds, data) {
                var ajaxPromise = $http({
                    method: 'put',
                    url: ajaxAds,
                    params: data
                })
                return ajaxPromise;
            },

            post: function (ajaxAds, data) {
                var ajaxPromise = $http({
                    method: 'post',
                    url: ajaxAds,
                    //重要
                    headers: {
                        'content-type': 'application/x-www-form-urlencoded'
                    },
                    transformRequest: function (data) {
                        return $.param(data);
                    },
                    //重要
                    data: data
                })
                return ajaxPromise;
            }
        }

        var id = $stateParams.id;
        //根据id判断 新增还是编辑
        var config = {};
        $scope.params = undefined;
        if (id) {
            config['ajaxAds'] = '/carrots-admin-ajax/a/u/article/' + id;
            config['getOneInfoById'] = '/carrots-admin-ajax/a/article/' + id;
            config['method'] = 'put';
            //编辑，先根据id获取参数
            $http.get(config.getOneInfoById).then(function (res) {
                if (res.data.code == 0) {
                    $scope.params = res.data.data.article;
                    console.log($scope.params)
                } else {
                    alert(res.data);
                }
            }, function (res) {
                alert(res.data);
            });
        } else {
            //新增
            config['ajaxAds'] = '/carrots-admin-ajax/a/u/article/';
            config['method'] = 'post';
            $scope.params = {
                title: '',
                type: '',
                status: '',
                img: '',
                content: '',
                url: '',
                industry: ''
            }
        }

        $scope.addArticle = function (status) {
            if (status === 1) {
                $scope.params['status'] = 1;
            } else if (status === 2) {
                $scope.params['status'] = 2;
            }
            //新增还是编辑
            var isConfrim = undefined,
                ajaxPromise = undefined;
            if (status === 1) {
                isConfrim = $rootScope.modalConfrim('是否保存为草稿？？？');
            } else if (status === 2) {
                isConfrim = $rootScope.modalConfrim('是否上线展示？？？');
            } else {
                return;
            }

            isConfrim.then(function (res) {
                if (config.method === 'put') {
                    //模态框确认
                    var ajaxPromise = $httpTools.put(config.ajaxAds, $scope.params);
                    ajaxPromise.then(function (res) {
                        if (res.data.code == 0) {
                            $state.go('home.article',{page:1,size:10});
                        } else {
                            $rootScope.modalAlert('上线失败!');
                        }
                    }, function (res) {
                        $rootScope.modalAlert(res.data);
                    })
                } else if (config.method === 'post') {
                    //模态框确认
                    var ajaxPromise = $httpTools.post(config.ajaxAds, $scope.params);
                    ajaxPromise.then(function (res) {
                        if (res.data.code == 0) {
                            $state.go('home.article',{page:1,size:10});
                        } else {
                            $rootScope.modalAlert('上线失败!');
                        }
                    }, function (res) {
                        $rootScope.modalAlert(res.data);
                    })
                }
            }, function () {
                //模态框取消
                $rootScope.modalAlert('已取消');
            });
        }
    }])

去第页

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