disabledを使って、一度押したボタンは押せないようにしたいのですがどのようにすればいいのかわかりません。

前提・実現したいこと

タイトルの通りです。
javascript初心者のためかなり基本的な内容ですが宜しくお願いします。

現実的ではないかもしれませんが、以下のスタートボタンをdisabledを使って、2回以上押せないようにしたいのですがどのようにすればいいのかわかりません。
disabled以外に適切なものがあれば教えていただきたいです。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

html
1<!DOCTYPE html>
2<html hang="ja">
3    <head>
4        <meta charset="UTF-8">
5        <title>二度押し不可</title>
6        <script>
7
8        </script>
9    </head>
10    <body>
11        <button id="start">スタート</button>
12    </body>
13</html>
14
15

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

行動規範の内容に同意します

回答2件

<!DOCTYPE html> <html hang="ja"> <head> <meta charset="UTF-8"> <title>二度押し不可</title> <script>

    </script>
</head>
<body>
    <button id="start" onclick="this.disabled = true;">スタート</button>
</body>

</html>

投稿2019/06/19 23:35

chii1205

総合スコア13

ベストアンサー

onclickとかのイベントに合わせてdisable属性を付けると良いです。
試した事にチャレンジしたjavascriptのコードでも載せてくれたらそれに対してのアドバイスはできますよ。

投稿2019/06/19 13:43

hentaiman

総合スコア6428

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.30%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！