/* Google Analytics ▽ */ /* Google Analytics △ */

WEB制作の勉強メモ / 猫脳人間

HTML CSS JavaScript ActionScript jQuery WordPress PHP Illustrator Photoshop Flash … 猫サイズの脳でも覚えるぞ と…

2015年 04月16日(23日目・2ヵ月目スタート)のメモ。JavaScript の授業スタート

早くも、1ヵ月が過ぎ、この日から2ヵ月目がスタート。
少しずつ JavaScript の話はあったが、
この日から しっかりと JavaScript の授業がスタート。

JavaScript

  • JavaScript は、(PHP などと違って)クライアント側で動く
  • 今は サーバーサイドJavaScript もあるが、
    授業では クライアントサイドの JavaScript を扱う
  • サーバーサイド JavaScript

www.atmarkit.co.jp

e-words.jp

  • CMSとは

コンテンツマネージメントシステム - Wikipedia

DoreamWeaver の設定:
ウィンドウメニュー>ワークスペースのレイアウト>コーダー
Ctrl + Space キーで、候補が出る。

JavaScript 3つの行程

  • (1)初期値 変数宣言
  • (2)演算・計算
  • (3)出力・可視化
var ans = 命令;
変数宣言 変数名 = 命令;
クォーテーション

ダブルクォーテーション『 " 』
シングルクォーテーション『 ' 』
はどちらでも良い。
Google は、シングルを推奨。

prompt('数字を入力してください','半角数字');

prompt → alert(ダイアログメッセージ)の中に 入力フォームを出力する

promptで出した alert ウィンドウ

『 = 』 は、数式で言う 「イコール」 と違い、
「右辺 を 左辺 に代入する」 という意味なのに注意。

var price;
price = parseInt(price);

クォートで挟まれた文字列は、数字であっても
単に文字列と扱われるため、
数値として計算したい場合は、整数化する必要がある。
parseInt を付ける事で、文字列扱いの数字を 『整数化』。
Int. → Integer → (整数:whole number)

NaN → not a number (非数)

【重要】エクマスクリプト

ECMAScript - Wikipedia
e-words.jp

JavaScriptJScript の違いwww.weblio.jp

JavaScript の記述内で数値を使った計算し、
その結果 小数点以下の桁数が多くなる場合など、

~.toFixed();

を付けると 小数点以下の桁数を指定できる。

  • .toFixed() だと小数点以下をカット。
  • .toFixed(2) だと 小数点以下2桁を表示し、それ以降をカット。
  • .toFixed(5) だと 小数点以下5桁を表示し、それ以降をカット。
  • 小数点以下の桁数を指定した場合、計算結果が整数であっても、その桁数を .00 などと表示する。

JavaScript の表示確認は Google Chrome で確認。
コンテクストメニュー(右クリック)> 要素を検証
を選び、Consoleタブ を表示。
(console.log で出力したものが表示される)

chrome.google.com