Javascript
jQueryを使用してアコーディオンメニューを実現した課題サイト「Kitchen Club」です。 このサイトのポイント ナビゲーションがjQueryでアコーディオンメニューになっている ナビゲーションにマウスオンすると画像が変化する 商品画像のシャドウ １．アコーデ…
（小テストで間違えたところのおさらい） オブジェクト名．メソッド名（） （）がないと、メソッドとしての役割でなくなってしまう。また、（）内に引数をいれられるので、尚更書かなければならない 参照：組み込みオブジェクト - Webデザインの勉強 風姿花…
・分岐条件が２つの場合 ： ｉｆ文 if ( 変数 ) { 処理A} else { 処理B} ・分岐条件が３つ以上の場合 ： if else文 または switch文 if else文 switch文 【例題】
①画像にマウスを乗せた時はカラー、マウスを乗せていないときはモノクロ、というように画像が変わる仕組み CSSを使わずにJavascriptで行います。 マウスオフ時 マウスオン時 手順 ① 画像を用意する（Photoshop）② Javascriptを埋め込む １．画像を用意する（…
ｆｏｒ文と多重ループ for文は多重ループ（for文の中にfor文を入れる）にできます for ( 変数ｉの初期値 ; ; ) { for ( 変数ｊの初期値 ; ; ) { 処理の結果（J） } 処理の結果（I）} この場合の処理の順序は、次のようになります まず変数ｉを参照します Ｊ…
＝＝現在の日時を表示させるDateオブジェクト＝＝ d = new Date ( ) ;＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 主なメソッド スクリプトの中では、それぞれ「Dateオブジェクト名.getFullYear」という形で表します。 .getFullYear ( ) 西暦を表す４桁…
文字列や数値、関数などJavaScriptで扱うデータは、すべてオブジェクト JavaScriptのオブジェクトとは、キーと値の集合体のこと 連想配列は、オブジェクトの別名です オブジェクトでは、「数値や文字列などを値としてもつ要素 = プロパティ」 オブジェクトで…
グローバル変数とは： 関数の外側で定義した変数 varによる宣言を省略した変数 ローカル変数とは： 関数の内側で定義した変数 varで宣言した変数 ・・・その関数の中でのみ変数を参照できる 変数宣言には通常「var」を付ける。 しかし、varをつけずに変数宣…
自作課題２ 入力後 ＊ ポイント function関数とpromptを使って入力ウインドウを立ち上げる 入力した数字に消費税８％を掛け、引数として返す 小数点以下を toFixed(0) で切り捨て 別ウィンドウで金額を表示 ＜ ソース＞ その１（シンプルバージョン） <body><p>税込み</p></body>…
＝＝ 関数の定義 ＝＝＝＝＝＝＝＝＝＝ ｆｕｎｃｔｉｏｎ 関数名（）｛ 処理； ｝ ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ＝＝ 関数の呼び出し ＝＝＝＝＝＝＝＝ 関数名（）； ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 関数はfunction文を使って定義する …
指定した回数処理を繰り返す（while文との違い） ＝＝ 公式 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ｆｏｒ（変数の初期値；繰り返し条件；変数の増減）｛ 実行される処理 ｝ ==＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ カウンタ変数名はｉ，…
連想配列とは「数値の変わりに意味のある文字列をインデックスとする」「インデックスのことを『キー』と呼ぶ」 図書館の蔵書検索で使われているような機能 ＝＝ 式 ＝＝＝＝＝＝＝＝＝＝ var 連想配列名 ＝ ｛ キー１：値， キー２：値， キー３：値｝； ＝…
【例題１】 「10-5の答えは？」という問題の答えを入力してもらい、それが 5 の時は「正解！」と表示する。それ以外の時は「残念！と表示する。 ⇓ 【考え方】 画面に答えを入力してもらい、その値を「x」と定義する ・・・Aもし（if）xが５ならば（ x = 5 ) …
function 関数名( ) { ・・・・・・・} <body><h3>問題</h3><p>14+59=</p><p><button onclick="ans()">答えを見る</button></p> <script>function ans( ) { var kai = 73; //変数kaiを宣言し、解37を代入 alert ( kai ); //kaiを表示させる}</script></body> 表示例 ↓↓ <button onclick="関数名( )">〜「ボタンに表示させたい内容」〜</button>を覚えよう！
インクリメント ある変数の数を１増やすことa = a + 1 ;aの数を1増やした値をaに代入し直す、という意味 a += 1; とも書ける デクリメント ある変数の数を１減らすことa = a-1 ;aの数を1増や減らした値をaに代入し直す、という意味a -= 1; －－－－－－－－…
数値が入る変数の型・・・数値型（Number） 何も付けない文字列が入る変数の型・・・文字列型（String）。シングルクォーテーション「’’」で囲む ※ｘ = 3, y = 5とする ①数値型同士を結合させる場合 varｘ= 3;var y = 5;var total = 3 + 5; 結果は「8」 ②文…
演算子 例 結果 +（プラス） a = 5 + 5 10-（マイナス） a = 5 - 5 0*（アスタリスク） a = 5 * 5 25/（スラッシュ） a = 5 / 5 1%（パーセント） a = 5 % 5 0 ・・・５割る５の余りの数値 a = 5 / 0 の結果 ・・・Infinity（無限）a = 5 % 0 の結果 ・・・N…
［記述場所］ ①<body>内の</body>の前に、<script>～</script>の間に書く <body> ・・・・・・ <script> ・・・・・・・ </scrpit> </body> ②headタグの間に関数を記述する <head> <title>~~~~</title> <script> ・・・・・・・ </script> </head> ③HTMLファイルで外部ファイルから読み込むことも可能 <script src="sample.js"></script> src属性を使用する …
Javascriptの基本 ①初期値を与える ②演算の命令をする ③出力する 例： ①var x = 12;var y = 6; ②var z = x + y; ③document.write( z ); //ブラウザに結果を表示させるconsole.log( z ); //consoleに結果を表示させる var x = 12; 変数宣言 ・・・varx ・・・…
