ネイティブ - カートのカウンタ

<！DOCTYPE HTML > 
< HTML LANG = "EN" > 
< 頭> 
    < メタ文字コード= "UTF-8" > 
    < タイトル>タイトル</ タイトル> 
    < スタイル> 
        div要素のdiv 
        { 
            幅：20ピクセル; 
            テキスト整列：センター; 
            行の高さ：20ピクセル; 
            高さ：20ピクセル; 
            背景色：白; 
            国境：1pxの固体＃000000 ; 
            カーソル：ポインタ; 
            フロート：左; 
        } 
        入力{ 
            幅：40ピクセル。
            高さ：18px ; 
            国境：1pxの固体＃000000 ; 
            border-left ：なし。
            ボーダー右：なし。
            背景色：白;
            フロート：左; 
            テキスト整列：センター; 
            概要：なし。
        } 
    </ スタイル> 
</ ヘッド> 
< ボディ> 
    < DIV > 
        < DIV クラス= "subtractBn" > - </ DIV > 
        < 入力タイプ= "テキスト" 値= "1" > 
        < DIV クラス= "addBn" > + <
    </ DIV > 
< スクリプト> 
    VAR subtractBn = document.querySelector（" .subtractBn " ）;
    VAR addBn = document.querySelector（" .addBn " ）;
    VaRの入力= document.querySelector（" 入力" ）。
    VaRの合計= 1 ; 
    subtractBn.addEventListener（" クリック" と、clickHandler）; 
    subtractBn.addEventListener（" マウスダウン"clickHandler）。
    addBn.addEventListener（" クリック" と、clickHandler）; 
    addBn.addEventListener（" マウスダウン" と、clickHandler）; 
    input.addEventListener（" 入力" 、inputHandler）。
    関数はclickHandler（E）{
         場合（e.type === " マウスダウン" ）{ 
            e.preventDefault（）。
            リターン; 
        } 
        であれば（この.textContent === " + " ）{ 
            合計++;
            もし（合計> 99 ）合計= 99 。
        } 他{ 
            和- 。
            もし（合計< 1 ）合計= 1 。
        } 
        input.value = sum.toString（）。
    } 

    関数inputHandler（E）{ 
        input.value = input.value.replace（/ [^ 0-9] / gであり、"" ）;
        もし（番号（input.value）> 99 ）{ 
            合計= 99 ; 
            input.value = 合計。
            リターン; 
        } 
        であれば（番号（input.value）< 1 ）{ 
            合計= 1 。
            input.value = 合計。
            リターン; 
        } 
        和= 番号（input.value）。
    } 

</ スクリプト> 
</ ボディ> 
</ HTML >