保皇记牌器

相信各位在日常休闲的时候总会打打保皇，够级的。就算平常不打，但是过年还是会打的。我今天在玩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">
  </li>
  <li>
    小王剩余:
    <input type="text" id="txtx" value="4" />
    <input type="button" onclick="addx()" value="+1">
    <input type="button" onclick="subx()" value="-1">
  </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">
  </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">
  </li>
  <!-- 接下来的卡牌以相同的模式继续 -->
</ul>
<script src="js/script.js">

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