【怎么根据人数制作盒子 _本地储存】

怎么根据人数制作盒子

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(3)

本地储存

详细描述

截图

代码

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
        crossorigin="anonymous">

    <title>杀手杀人</title>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../task2/scss/Homicide.css" />
    <script src="../task2/js/Homicide.js"></script>
    <script src="../task2/js/kill.js"></script>
</head>

<body>
    <header>
        <img src="./img/12.png" class="Tabulation">
        <div>杀手杀人</div><img src="./img/13.png" class="off">
    </header>
    <nav>
        <p class="nav_Published">杀手请睁眼，请选择要杀的对象</p>

        <p class="nav_tip">点击下方玩家头像，对被杀的玩家进行标记</p>
    </nav>

    <main>
        <div class="first">
            <div class="main_square">
                <p class="upbox"></p>
                <p class="bottombox"></p>
            </div>
            <div class="main_icon">
                <img src="./img/7.png">
                <img src="./img/8.png">
                <img src="./img/9.png">
                <img src="./img/10.png">
            </div>
        </div>
    </main>

    <footer><button class="button">确定</button></footer>




</body>

</html>

编辑于2024-05-06

时间排序

热门排序

[北京|结业弟子]JS-张新

var a = 0;
var c = 1;
var x = '';
for (a = 0; a < num; a++) {
    c = a + 1;
    x = '<div class="player">' +
        '<div class="p-top">' +
        identifyIfo[a] +
        '</div>' +
        '<div class="p-down">' +
        c +
        '号' +
        '</div>' +
        '</div>';
    $('#player-box').append(x);
}

<div id="player-box">

</div>

根据身份数组传过来的人数，在js中添加盒子

查看全部>

编辑于2018-11-05

[成都|结业弟子]JS-董家宇
0

根据你传过来的人数，遍历动态渲染出盒子
<ul>
<li>
<strong>杀手</strong>
<span>1</span>
</li>
</ul>
for (i = 0; i < arr.length; i++) {
var inBox =
'<li>\n' +
'<strong>\n' + arr[i] +
'</strong>\n' +
'<span>\n' + (i + 1) + "号" +
'</span>\n' +
'</li>';
$('ul').append(inBox);
}

查看全部>

编辑于2019-05-17
[真传弟子]JS-张林骞
0

$(function () { // 动态生成玩家
var identity = undefined;
var empty = undefined;
for (var i = 0; i < rgl; i++) { //rgl 玩家数量
identity = reordering[i].name;
if(reordering[i].name === '平民'){ //判断是平民
civiliansNumber++
} else if (reordering[i].name === '杀手'){ //判断是杀手
killerNumber++
};
if( killer[i].state === '1' ){
empty = '';
} else if (killer[i].state === '0'){
empty = 'content-color';
};
var box = '<div class="content-items ' + empty + '" id="box-'+[i]+'">' +
'<div>' +
'<div>' +
'<p>' + identity + '</p>' +
'<p>' + (i + 1) + '号' + '</p>' +
'</div>' +
'<div>' +
'<img src="../image/刀.png" width="25px">' +
'</div>' +
'</div>' +
'</div>'
$('.content').append(box); // 通过 append 添加盒子
};
var kNumber = sessionStorage.getItem("killerNumber");
var cNumber = sessionStorage.getItem("civiliansNumber");
if ( kNumber !== null && cNumber !== null){
killerNumber = Number (kNumber) // 杀手人数
civiliansNumber = Number(cNumber) // 平民人数
};
});

查看全部>

编辑于2019-08-17

去第页