 |
 |
Ⅲ 博学(Expert life) vol.83 JavaScript Beginnerプログラミング言語の1つ、JavaScriptについて <目次> 【1】プログラムの読み方 【2】？？？ 【3】？？？  ★更新：2021/9/14 ★ページ完成度：％(公開NG) ★文字数：約字(未達成)   |
【1】プログラムの読み方？？？  Ⅰ JavaScriptを使ってみる 習うより慣れる。 (1)利用環境を整える 必要なのは、Google Chromeなどのウェブブラウザと、テキストエディタ。 ●Visual Studio Code：Microsoft 無料でダウンロードできるテキストエディタ。コーディングができる。 (2)開発ツールを開く 各ブラウザごとに開発ツールという、WEBサイト制作に便利な道具が用意されている。 ・Google Chromeの場合、右上の「設定」→「その他のツール」→「デベロッパーツール」で開ける。 ●コンソールを使ってみる コンソールとはパソコン全般の入力・出力用の装置のこと。例えばGoogle Chromeだと上記手順でデベロッパーツールを開くと、上部に「Elements」「Console」…という項目があるので、その中の「Console」をクリックし、入力可能。 ・console.log(〇+〇);と入力して「Enter」→〇には数字を入れる。プログラムの実行結果として数字を足した結果が下に表示される。 ・プログラムを書き間違えた場合、赤字でエラーが出る (3)基本言語を理解する ●<script src="〇〇.js"></script> ページに外部スクリプト・ファイル（JavaScriptやPHPなどで書かれたファイル）のURLを指定する。 ●その他 ・console.log =出力したいテキストや計算式 ・for =…の間 ・let =新規作成 ・{ =以下を繰り返せ ・; =文の終わりに記述する (4)？？？ ？？？ (5)？？？ ？？？ Ⅱ JavaScriptでできること (1)ポップアップウィンドウを出す buttonタグまたはinputタグで表示できる ●<button type="submit"onClick="alert('〇〇');">（ボタンの中の文字や画像）</button> ●<input type="submit"value="onClick="alert('〇〇');"> buttonタグの方が自由度が高い。submitは「送信」の意味。alertの後はポップアップウィンドウで表示する文字を入れる。 (2)投票、集計機能を使う あるボタンをクリックすると、画面上で集計されていく仕組みを作る。 (3)？？？ ？？？  (1)？？？ ⇒？？？ |
【2】？？？？？？ Ⅰ ？？？ (1)？？？ ⇒？？？ (2)？？？ ⇒？？？ Ⅱ ？？？ (1)？？？ ⇒ (1)？？？ ⇒？？？ (2)？？？ |
【3】？？？？？？ Ⅰ ？？？ (1)？？？ ⇒？？？ Ⅱ ？？？ (1)？？？ ⇒？？？   |
|
|
