新手请教简单计数器

要有两个按钮 一加一减 和一个显示框
按一下加N 或减N(n为变量）对应一个输入框可以输入N
我是新手 代码简单点 

解决方案 »

  1.   

    <input type="text" id="text">
    <input type="button" value=" 1 " onclick="_input(1)">
    <input type="button" value=" 2 " onclick="_input(2)">
    <input type="button" value=" 3 " onclick="_input(3)">
    <input type="button" value=" 4 " onclick="_input(4)">
    <input type="button" value=" 5 " onclick="_input(5)">
    <input type="button" value=" 6 " onclick="_input(6)">
    <input type="button" value=" 7 " onclick="_input(7)">
    <input type="button" value=" 8 " onclick="_input(8)">
    <input type="button" value=" 9 " onclick="_input(9)">
    <input type="button" value=" 0 " onclick="_input(0)">
    <input type="button" value=" + " onclick="fun(1)">
    <input type="button" value=" - " onclick="fun(2)">
    <input type="button" value=" = " onclick="fun(3)">
    <script language="javascript">
    var obj = document.getElementById("text");
    function fun(type){
    switch(type){
    case 1:
    obj.value += "+";
    break;
    case 2:
    obj.value += "-";
    break;
    case 3:
    obj.value = eval(obj.value);
    }
    }
    function _input(n){
    obj.value += n;
    }
    </script>这个简单吧，最简单的了，连小数都没有
      

  2.   

    <script language="javascript">
     function clac(unit){
      var vlu = document.getElementById("text").value;  document.getElementById("show").value =document.getElementById("show").value + unit * vlu;
    }
    </script>
    <input type="button" value=" + " onclick="clac(1)">
    <input type="button" value=" - " onclick="clac(-1)">
    <input type="text" id="text"><!-- 输入-->
    <input type="text" id="show" value="0"><!-- 显示-->
      

  3.   

    额也来个~~
    <html>
    <head>
    <title></title>
    </head>
    <body>
    <script type="text/javascript"> 
      var val = 0;
    function calc(obj)
    {
    var step = document.getElementById('step');
    var resault = document.getElementById('resault');
    if (obj.id == 'add')
    {
    var text = prompt('请输入N值：', 0);
    if (text == null)
    {
    text = 0;
    }
    else if (isNaN(parseFloat(text)))
    {
    alert('请输入数字');
    return;
    }
    resault.value = parseFloat(text) + parseFloat(val);
    val = resault.value;
    }
    else
    {
    var text = prompt('请输入N值：');
    if (isNaN(parseFloat(text)))
    {
    alert('请输入数字');
    return;
    }
    if (text == null)
    {
    text = parseFloat(0);
    }
    resault.value = parseFloat(resault.value) - parseFloat(text);
    val = resault.value;
    }
    }
      </script>
    <input id="add" type="button" onclick="calc(this);" value="加N" />
    <input type="button" id="jian" onclick="calc(this);" value="减N" />
    <input type="text" id="resault" readonly="readonly" />
    </body>
    </html>
      

  4.   


    <script language="javascript">
     function clac(unit){
        var vlu = document.getElementById("text").value;
        check(vlu );
        document.getElementById("show").value =document.getElementById("show").value + unit * vlu;
        check(document.getElementById("show").value);
    }
    function check(val){
        if(val<1 || val>50){
            alert(超出范围);
        }}
    </script>
    <input type="button" value=" + " onclick="clac(1)">
    <input type="button" value=" - " onclick="clac(-1)">
    <input type="text" id="text"><!-- 输入-->
    <input type="text" id="show" value="0"><!-- 显示-->
      

  5.   

    额~~~
    <html>
        <head>
            <title></title>
        </head>
        <body>
            <script type="text/javascript"> 
           var val = 0;
    function calc(obj)
    {
    var step = document.getElementById('step');
    var resault = document.getElementById('resault');
    if (obj.id == 'add')
    {
    var text = prompt('请输入N值：', 0);
    if (text == null)
    {
    text = 0;
    }
    else if (isNaN(parseFloat(text)))
    {
    alert('请输入数字');
    return;
    }
    else if (parseFloat(text) > 10 || parseFloat(text) < 1)
    {
    alert('您输入的数字不符合要求，请输入1-10之间的数字');
    return;
    }
    var toAdd = parseFloat(text) + parseFloat(val);
    if (toAdd > 50)
    {
    alert('显示的范围必须在1-50，请重新选择');
    return;
    }
    else
    {
    val = resault.value;
    resault.value = toAdd;
    }
    }
    else
    {
    var text = prompt('请输入N值：', 0);
    if (isNaN(parseFloat(text)))
    {
    alert('请输入数字');
    return;
    }
    if (text == null)
    {
    text = parseFloat(0);
    }
    if (parseFloat(text) > 10 || parseFloat(text) < 1)
    {
    alert('您输入的数字不符合要求，请输入1-10之间的数字');
    return;
    }
    var toJian = parseFloat(resault.value) - parseFloat(text);
    if (toJian < 1)
    {
    alert('显示的范围必须在1-50，请重新选择');
    return;
    }
    else
    {
    resault.value = toJian;
    val = resault.value;
    }

    }
    }
      </script>
            <input id="add" type="button" onclick="calc(this);" value="加N" />
            <input type="button" id="jian" onclick="calc(this);" value="减N" />
            <input type="text" id="resault" readonly="readonly" />
        </body>
    </html>
      

  6.   

    感谢fanchuanzhidu的回答 我已结账了 骚瑞了 你的答案是最好的