動画の読み込みに失敗しました。しばらく待ってからリロードしてみてください。解決しない場合は ヘルプ「動画が見られない場合について」 もご覧ください。
Play
Current Time 0:00
/
Duration Time 0:00
Remaining Time -0:00
Stream TypeLIVE
Loaded: 0%
Progress: 0%
0:00
00:00
Mute
Playback Rate
    1
    Subtitles
    • subtitles off
    Captions
    • captions off
    Chapters
    • Chapters
    シアター
    • シアター
    • ピクチャ
    • 全画面
    x1.0
    • プレミアム会員になると動画の速度を変更できます
    男性ボイス
    • プレミアム会員になると講義音声を切り替えられます
    HD
    Loaded: 0%
    Progress: 0%
    0:00
    The video could not be loaded, either because the server or network failed or because the format is not supported.

    レッスンで分からないところはありましたか?

    プレミアムプランに登録すると現役エンジニアに質問できます。

    詳しくはヘルプ「質問機能とは?」をご覧ください。

    さて、おみくじの見た目が整ったので、次は JavaScript を使って、ボタンをクリックしたときの挙動を実装していきましょう。
    まずは、 HTML の body の閉じタグの直前あたりで script を読み込んでいきます。

    文字起こしはプレミアムプラン向けの機能です

    詳しくみる

    JavaScriptファイルを作ったあとに、ボタンをクリックしたときの挙動を実装していきます。

    • main.jsの作成
    • getElementById()
    • addEventListener()
    • textContent

    このレッスンの問題を報告する

    プレミアムプランに登録すると、わからないところを現役エンジニアに質問できます。

    質問機能とは?

    素材ファイルをダウンロードするにはプレミアムプランへの登録が必要です

    詳しくみる

    ソースコードを閲覧するにはプレミアムプランへの登録が必要です

    詳しくみる

    このレッスンの問題を報告する

    デモを閲覧するにはプレミアムプランへの登録が必要です

    詳しくみる