2015年 04月16日(23日目・2ヵ月目スタート)のメモ。JavaScript の授業スタート
早くも、1ヵ月が過ぎ、この日から2ヵ月目がスタート。
少しずつ JavaScript の話はあったが、
この日から しっかりと JavaScript の授業がスタート。
JavaScript
- JavaScript は、(PHP などと違って)クライアント側で動く
- 今は サーバーサイドJavaScript もあるが、
授業では クライアントサイドの JavaScript を扱う
- サーバーサイド JavaScript
- アルゴリズムを考える
- CMSとは
DoreamWeaver の設定:
ウィンドウメニュー>ワークスペースのレイアウト>コーダー
Ctrl + Space キーで、候補が出る。
JavaScript 3つの行程
- (1)初期値 変数宣言
- (2)演算・計算
- (3)出力・可視化
var ans = 命令;
変数宣言 変数名 = 命令;
クォーテーション
ダブルクォーテーション『 " 』
シングルクォーテーション『 ' 』
はどちらでも良い。
Google は、シングルを推奨。
prompt('数字を入力してください','半角数字');
prompt → alert(ダイアログメッセージ)の中に 入力フォームを出力する
『 = 』 は、数式で言う 「イコール」 と違い、
「右辺 を 左辺 に代入する」 という意味なのに注意。
var price;
price = parseInt(price);
クォートで挟まれた文字列は、数字であっても
単に文字列と扱われるため、
数値として計算したい場合は、整数化する必要がある。
parseInt を付ける事で、文字列扱いの数字を 『整数化』。
Int. → Integer → (整数:whole number)
NaN → not a number (非数)
【重要】エクマスクリプト
ECMAScript - Wikipedia
e-words.jp
JavaScript と JScript の違いwww.weblio.jp
JavaScript の記述内で数値を使った計算し、
その結果 小数点以下の桁数が多くなる場合など、
~.toFixed();
を付けると 小数点以下の桁数を指定できる。
- .toFixed() だと小数点以下をカット。
- .toFixed(2) だと 小数点以下2桁を表示し、それ以降をカット。
- .toFixed(5) だと 小数点以下5桁を表示し、それ以降をカット。
- 小数点以下の桁数を指定した場合、計算結果が整数であっても、その桁数を .00 などと表示する。
JavaScript の表示確認は Google Chrome で確認。
コンテクストメニュー(右クリック)> 要素を検証
を選び、Consoleタブ を表示。
(console.log で出力したものが表示される)
- Google Chrome のアドオン 『 modern IE 』 をインストール