目次
はじめに
プログラミングを始めるのに最も手軽な手段の一つといっていいのがブラウザのコンソールを使って試してみることです。
google chromeを使って、画面上でF12キーを押してみてください。
以下画像のようなエリアが表示されれば準備OKです。
![](https://i2.wp.com/weblion303.net/wp-content/uploads/2019/04/無題.png?resize=781%2C315&ssl=1)
1.Hello Worldを実行する
表示させたブラウザーのコンソールに直接プログラムを書いてみましょう。
console.log('Hello World');
実行結果
![](https://i2.wp.com/weblion303.net/wp-content/uploads/2017/04/2017-04-19_23h20_00.png?resize=209%2C75&ssl=1)
2.コンソールを使って計算をする
加算
10+5
実行結果
![](https://i0.wp.com/weblion303.net/wp-content/uploads/2017/04/2017-04-20_00h07_06.png?resize=221%2C62&ssl=1)
その他の演算子
5-2 8*5 (1+5)*2
実行結果
![](https://i1.wp.com/weblion303.net/wp-content/uploads/2017/04/2017-04-20_00h10_20.png?resize=232%2C132&ssl=1)
文字列と数値を組み合わせる
10000+'円'
実行結果
![](https://i1.wp.com/weblion303.net/wp-content/uploads/2017/04/2017-04-20_00h12_24.png?resize=300%2C66&ssl=1)
3.ダイアログボックスを使う
入力ダイアログボックス
prompt('名前を教えて下さい')
実行結果
![](https://i2.wp.com/weblion303.net/wp-content/uploads/2017/04/2017-04-20_00h17_38.png?resize=300%2C121&ssl=1)
![](https://i2.wp.com/weblion303.net/wp-content/uploads/2017/04/2017-04-20_00h18_02.png?resize=238%2C55&ssl=1)
4.変数を使って代入する
挨拶プログラムを作る
var message='こんにちは'; var name=prompt(名前を教えて下さい); alert(message + name);
実行結果
![](https://i0.wp.com/weblion303.net/wp-content/uploads/2017/04/2017-04-20_00h33_19.png?resize=285%2C64&ssl=1)
![](https://i0.wp.com/weblion303.net/wp-content/uploads/2017/04/2017-04-20_00h33_27.png?resize=300%2C144&ssl=1)
![](https://i0.wp.com/weblion303.net/wp-content/uploads/2017/04/2017-04-20_00h33_43.png?resize=300%2C120&ssl=1)
ポイント
・コンソールはWEBページやプログラムの動作チェックに使用するもの
・コンソールの表示はGoogleChromeではブラウザ上で【F12】キー、FireFoxは【ツール>>ウェブ開発>>ウェブコンソール】
・文字列は【’】か【”】で囲むが、数値は囲む必要がない
・ダイアログボックスには警告ダイアログ【alert(”)】確認ダイアログ【confirm(”)】入力ダイアログ【prompt(”)】がある
・変数はデータの記録場所
・変数名の宣言と代入はまとめてすることができる
・コンソールの表示はGoogleChromeではブラウザ上で【F12】キー、FireFoxは【ツール>>ウェブ開発>>ウェブコンソール】
・文字列は【’】か【”】で囲むが、数値は囲む必要がない
・ダイアログボックスには警告ダイアログ【alert(”)】確認ダイアログ【confirm(”)】入力ダイアログ【prompt(”)】がある
・変数はデータの記録場所
・変数名の宣言と代入はまとめてすることができる
変数varの使い方について
もう迷いたくない。基本のjavascriptサマリー
もう迷いたくない。基本のjavascriptサマリー