1. ホーム
  2. javascript

[解決済み] ボタンがクリックされるたびにフォームの数字が大きくなるようにする

2022-02-09 13:30:13

質問

私はHTMLとJavaScriptの超初心者ですが、ボタンが押されるたびにテキストボックスの数値が1ずつ上がるようにする方法はないでしょうか?これは複数のテキストボックスに対して行う必要があるので、関数で作ることができるのではないかと思っています。

<html>
<head>
function (add) {
function goes here
}
</head>
<input type="text">
<input type="button" value="Add One" onclick="add()">
</body>
</html>

私はこれを達成する方法を知らないので、私のコードが意味をなさないなら、私は申し訳ありません。どんな助けでも、とてもありがたいです。

どのように解決するのですか?

これを試してみてください。

<script type="text/javascript">
function add() {
    var num = document.getElementById("mynum").value;
    if(num == '') num = 0;
    document.getElementById("mynum").value = parseInt(num ,10) + 1;
    }
</script>
<html>
<head>
function (add) {
function goes here
}
</head>
<div id='txt'></div>
<form action="" method="post">
<input type="text" id='mynum'>
<input type="button" onclick="add()">
</form>
</body>
</html>

お役に立てれば幸いです。