最新版のレッスンがあります
【最新版】はじめてのJavaScript (全7回)
動画の読み込みに失敗しました。しばらく待ってからリロードしてみてください。解決しない場合は ヘルプ「動画が見られない場合について」 もご覧ください。
functionというキーワードを使って、 process()でどのような処理をするか書いていきます。
- function
- process
2021年7月8日
補足情報 function について
function について詳しく知りたい方は以下のレッスンも参考にしてみてください。
- #20 関数で処理をまとめてみよう | 詳解JavaScript 基礎文法編
https://dotinstall.com/lessons/basic_javascript_grammer_v2/52220
2022年3月27日
素材ファイルをダウンロードするには無料ユーザー登録が必要です
無料ユーザー登録ソースコードを閲覧するにはプレミアムプランへの登録が必要です
詳しくみる<!DOCTYPE·html>¬
·lang="ja"¬
¬
···charset="utf-8"¬
··My·Site¬
··¬
····img·{¬
······border-radius:·50%;¬
······cursor:·pointer;¬
····}¬
····section·{¬
······border-width:·1px;¬
······border-color:·gray;¬
······border-style:·solid;¬
······border-radius:·8px;¬
······padding:·16px;¬
······margin-bottom:·8px;¬
······background-image:·url(background.png);¬
····}¬
····body·{¬
······text-align:·center;¬
····}¬
··¬
¬
¬
··¬
·····src="icon.png"·alt="太郎のアイコン画像です"·id="trigger"¬
····山田太郎¬
····UI/UXデザイナー見習いです。日々の勉強、がんばっています。
¬
··¬
··(c)·dotinstall.com¬
··¬
··¬
····'use·strict';¬
····¬
····document.getElementById('trigger').addEventListener('click',·
process);¬
··¬
¬
¶
サーバーとの接続が切断されました。ブラウザを再読込してみてください。
保存しました
ファイル構成
- index.html
ブラウザ実行環境を使ってみよう！
このレッスンでは、こちらにコードを打ち込みながら学習を進めていくことができます。
手元で実際に動作を確認しながら理解を深めていくと良いでしょう。
この機能を利用するには無料のユーザー登録が必要です。
