html,css,js写消灭小星星游戏

首先,要写一个消灭小星星,必须考虑到有开始和重新开始两个功能,当点击小星星的时候,小星星消失,而且记录的分数随着小星星的消失而增加

HTML代码段

    body{
        background-color: black;
    }
    meter{
        width:100%;
    }

    #title{
        width:100%;
        position: relative;
        text-align: center;
        color: #ffffff;
    }
    #score{
        position: absolute;
        top:0;
        left:90%;
        width:10%;
        color: #ffffff;
    }
    #jindu{
        padding:0 33%;
    }
    span{
        display: block;
        text-align: center;
    }
    span > button{
        width:20%;
    }

css代码段

meter是HTML的新标签,定义度衡量的,规定最大最小值。还有,当点击开始按钮时,游戏开始,星星开始随机出现,当然,点击重玩时,清理界面,重新开始

<div><h1 id="title">小星星游戏</h1></div>
<div><h1 id="score">得
  • 3
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值