MHP3 防御Calc

by Tenderfeel

HTML

<p><input type="text" id="base-k" size="2" /></p>
<p><input type="text" id="base-g" size="2" /></p>
<p><textarea id="result" cols="30" rows="2"></textarea></p>

CSS

p{margin:.5em 0;}
textarea{padding:0.5em;}

JavaScript

var basek = $('base-k');
var baseg = $('base-g');
var result = $('result');
var text1 = "[", text2 = "[";

var calc = function(){
    result.value = "";
    if(basek.value === "" || baseg.value === "") return;
    
    var k = Number(basek.value);
    var g = Number(baseg.value);
    
    text1 += k + ",";
    text2 += g + ",";
    
    for(i=2; i < 9; i++){
        if(i>=2 && i <= 4){
            k += 2;
            g += 2;
        }else if(4>=i && i <= 6){
            k += 3;
            g += 2;
        }else if(i == 7){
            k += 3;
        }else if(i == 8){
            k += 4;
            g += 3;
        }
        text1 += k;
         if(i !== 7) text2 += g;
        
        if(i!==8){
            text1 += ",";
            if(i !== 7) text2 += ",";
        }
    }
    
    text1 += "]";
    text2 += "]";

    result.value = text1 + "\n" + text2;
    
}

basek.addEvent('keyup', calc);
baseg.addEvent('keyup', calc);