Datehoer的博客
我本将心向明月,奈何明月照沟渠
Datehoer的博客

当前位置:主页 > 日常学习 > 保皇记牌器

保皇记牌器

浏览: 作者:Datehoer 发布日期:2020-10-26 21:23:14 来源: 原创
相信各位在日常休闲的时候总会打打保皇,斗地主,够级的。就算平常不打,但是过年还是会打的。我今天在玩qq游戏里的保皇时,突然想做一个记牌器,虽然它自带记牌器但是毕竟花钱,本来想用c/java/python做一个软件通过图片识别功能自动计算的,但是发现学的不到家(确实只学了基础),这些东西一点没学,所以只好退而求其次,做一个简易的记牌器,通过自己的点击来计算场上剩余牌的数量。
保皇效果图没错,就是这么的简陋,但是胜在代码简单。
具体思路其实就是通过JavaScript函数进行input里text的value值替换,点击按钮进行增加或者减少。

function add(){

    var txt=document.getElementById("txt");

    var a=txt.value;

    a++;

    if(txt.value<16){

        txt.value=a;

    }

}

function sub(){

    var txt=document.getElementById("txt");

    var a=txt.value;

    if(a>0){

        a--;

        txt.value=a;

    }else{

        txt.value=0;

    }

}

通过修改a++来达到不同的效果,不过其实我觉得非常麻烦,但是受于储存的知识面,目前来说不太会进一步修改,不过目前其实是想在每一个数的后面加上一个历史数据,就是本来值为16,你-4,text里的值变为12,但是历史数据还是16,然后再-1,text值变为11,历史数据变为12,类似这样,在下一个文档我会把他发出来。
最后上一下代码,由于有点长,所以只上一下html代码,JavaScript我会上传一个附件出来。

    <ul>
        <li>
            大王剩余:<input type="text" id="txtd" value="4"/>
        <input type="button" onclick="addd()" value="+1">
        <input type="button" onclick="subd()" value="-1"></td>
        </li>
        <li>
            小王剩余:<input type="text" id="txtx" value="4"/>
            <input type="button" onclick="addx()" value="+1">
            <input type="button" onclick="subx()" value="-1"></td>
        </li>
        <li>
            2剩余:<input type="text" id="txt2" value="16"/>
            <input type="button" onclick="add21()" value="+1">
            <input type="button" onclick="sub24()" value="-4">
            <input type="button" onclick="sub23()" value="-3">
            <input type="button" onclick="sub22()" value="-2">
            <input type="button" onclick="sub21()" value="-1"></td>
        </li>
        <li>
            A剩余:<input type="text" id="txta" value="16"/>
            <input type="button" onclick="adda1()" value="+1">
            <input type="button" onclick="suba4()" value="-4">
            <input type="button" onclick="suba3()" value="-3">
            <input type="button" onclick="suba2()" value="-2">
            <input type="button" onclick="suba1()" value="-1"></td>
        </li>
        <li>
            K剩余:<input type="text" id="txtk" value="16"/>
            <input type="button" onclick="addk1()" value="+1">
            <input type="button" onclick="subk4()" value="-4">
            <input type="button" onclick="subk3()" value="-3">
            <input type="button" onclick="subk2()" value="-2">
            <input type="button" onclick="subk1()" value="-1"></td>
        </li>
        <li>
            Q剩余:<input type="text" id="txtq" value="16"/>
            <input type="button" onclick="addq1()" value="+1">
            <input type="button" onclick="subq4()" value="-4">
            <input type="button" onclick="subq3()" value="-3">
            <input type="button" onclick="subq2()" value="-2">
            <input type="button" onclick="subq1()" value="-1"></td>
        </li>
        <li>
            J剩余:<input type="text" id="txtj" value="16"/>
            <input type="button" onclick="addj1()" value="+1">
            <input type="button" onclick="subj4()" value="-4">
            <input type="button" onclick="subj3()" value="-3">
            <input type="button" onclick="subj2()" value="-2">
            <input type="button" onclick="subj1()" value="-1"></td>
        </li>
        <li>
            10剩余:<input type="text" id="txt10" value="16"/>
            <input type="button" onclick="add101()" value="+1">
            <input type="button" onclick="sub104()" value="-4">
            <input type="button" onclick="sub103()" value="-3">
            <input type="button" onclick="sub102()" value="-2">
            <input type="button" onclick="sub101()" value="-1"></td>
        </li>
        <li>
            9剩余:<input type="text" id="txt9" value="16"/>
            <input type="button" onclick="add91()" value="+1">
            <input type="button" onclick="sub94()" value="-4">
            <input type="button" onclick="sub93()" value="-3">
            <input type="button" onclick="sub92()" value="-2">
            <input type="button" onclick="sub91()" value="-1"></td>
        </li>
       <li>
            8剩余:<input type="text" id="txt8" value="16"/>
            <input type="button" onclick="add81()" value="+1">
            <input type="button" onclick="sub84()" value="-4">
            <input type="button" onclick="sub83()" value="-3">
            <input type="button" onclick="sub82()" value="-2">
            <input type="button" onclick="sub81()" value="-1"></td>
       </li>
        <li>
            7剩余:<input type="text" id="txt7" value="16"/>
            <input type="button" onclick="add71()" value="+1">
            <input type="button" onclick="sub74()" value="-4">
            <input type="button" onclick="sub73()" value="-3">
            <input type="button" onclick="sub72()" value="-2">
            <input type="button" onclick="sub71()" value="-1"></td>
        </li>
        <li>
            6剩余:<input type="text" id="txt6" value="16"/>
            <input type="button" onclick="add61()" value="+1">
            <input type="button" onclick="sub64()" value="-4">
            <input type="button" onclick="sub63()" value="-3">
            <input type="button" onclick="sub62()" value="-2">
            <input type="button" onclick="sub61()" value="-1"></td>
        </li>
    </ul>
    <script src="js/script.js"></script>

最后把JavaScript代码外链进去即可!
附件最后还是变成了云盘

版权:本文由Datehoer原创,著作权归作者所有。商业转载请联系作者获得授权,非商业转载请保留以上作者信息和原文链接本文链接:https://zjzdmc.top/rcxx/19.html。

文章推荐

热门标签

返回顶部
下面为相关推荐
说点什么吧
  • 全部评论(0
    还没有评论,快来抢沙发吧!