<！DOCTYPE HTML>
<HTML LANG = "EN">
<HEAD>
<メタのcharset = "UTF-8" />
<タイトル>ジェイSkriptそしてDomsters </ TITLE>
<スタイルタイプ= "テキスト/ cssの">
* {ボーダー：なし;マージン：0PX;パディング：0PX;}
.NUMBER {パディング：36px 0 28px;幅：400ピクセル;マージン：自動}
.minus {幅：30px; 高さ：30px; テキスト整列：センター;国境：固体1pxのの#eaeaea。背景：＃f5f5f5; 色：＃1 9e9e9e;}
.numbox {ボーダートップ：固体1ピクセルの#eaeaea。border-bottom：1pxの固体の#eaeaea。高さ：28px; 幅：60PX; 色：＃333333; 余白左：-8px。テキスト整列：センター; 背景：透明;}
.plus {マージン左：-8px;}
</スタイル>
</ HEAD>
<DIV CLASS = "MUI-numbox">
<ボタンクラス= "マイナス"タイプ= "ボタン"のonclick = "オペラ（ 'ヴァル'、偽）;"> - </ボタン>
<入力クラス= "numbox "TYPE ="番号」ID = "ヴァル"値= "0" />
<ボタンクラス= "マイナスプラス"タイプ= "ボタン"のonclick = "オペラ（ 'ヴァル'、TRUE）;"> + </ボタン>
人次
</ div>
<スクリプトタイプ= "テキスト/ javascriptの">
関数オペラ（X、Y）{
VARのRS =新しい番号（のdocument.getElementById（X）.VALUE）。
（Y）{場合
のdocument.getElementById（X）.VALUE = RS + 1。
}もしそうでなければ（RS> 0）{
のdocument.getElementById（X）.VALUE = RS - 1。
}
}
</スクリプト>
</ BODY>
</ HTML>