▼変数/JavaScript▼
font-size:12px;line-height: 150%;
こんばんわ！！
今日はついてない１日でしたw
朝まさかの二度寝をしてしまい、バイトに遅刻しそうになり、急に雨が降ってもうそりゃ寒くて寒くて。。。などなど悪いことは重なるなあと感じましたw
今日の授業は、PHPでした
まだはじめの方とはいえ、そりゃ頭がいたくなりました（笑）
もうこれは毎日の積み重ねのみですね！！
『変数』は、数値や文字などを入れておくはこのようなものです
変数に値を入れるには、
a=2;
とします（代入）
■文字列型（シングルクォテーションで囲む）■
a = 'Hello World';
b = 'a';
■文字列の連結■
a = '夏';
b = '休み';
c = a + b;
▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
Dreamweaverを起動し、新規でHTMLを作成し、『js』ファイルの中にHTMLを保存。
■ダイアログボックスに表示■
HTMLに下記のように記述する
ブラウザでプレビューしてみると、この時点では何も表示されないが、更新ボタンを押すと次のような画面が出る↓
<!DOCTYPE html>
<html lanmg="ja">
<head>
<meta charset="UTF-8">
<title>You can do it!!</title>
<script>
alert( ' Yes, You can! ' );
</script>
</head>
<body></body>
</html>
■コンソールに表示■
※Chromeで開いた場合
要素の検証から、Consoleをクリック↓
例１）
<!DOCTYPE html>
<html lanmg="ja">
<head>
<meta charset="UTF-8">
<title>You can do it!!</title>
<script>
console.log ( ' Yes, you can! ' ) ;
</script>
</head>
<body>
</body>
</html>
例２）
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>You can do it!!</title>
<script>
var a;
a = 10;
console.log ( a );
a = 20;
console.log ( a ) ;
</script>
</head>
<body>
</body>
</html>
Consoleは、『画面上で文字として
確認できるようにする』ことがわかりますね！
以下は、ほかにこんな書き方があるよ、というちょっとした応用編です★
１）『''』で囲まれたものは列とみなされる
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>You can do it!!</title>
<script>
var x = 123 + 456;
var y = '123' + '456';
console.log ( x );
console.log ( y ) ;
</script>
</head>
<body>
</body>
</html>
２）
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>You can do it!!</title>
<script>
var a = 10;
a = a + 5; <!--/または、"a += 5;" -->
console.log ( a ) ;
</script>
</head>
<body>
</body>
</html>
３）
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>You can do it!!</title>
<script>
var number = [ 10, 20, 30 ]
console.log ( number ) ;
</script>
</head>
<body>
</body>
</html>
４）
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>You can do it!!</title>
<script>
var number = [ 10, 20, 30 ]
number[1] =50;
console.log ( number[1] ) ;
</script>
</head>
<body>
</body>
</html>
５）
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>You can do it!!</title>
<script>
var number = []
number[0] =10;
number[1] =20;
number[2] =30;
console.log ( number.length ) ;
</script>
</head>
<body>
</body>
</html>
※０から２までの３つ
６）
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>You can do it!!</title>
<script>
var number = [ [ 10, 20, 30 ] , [ 40, 50, 60 ] ];
console.log ( number[0][0]);
console.log ( number[0][1]);
console.log ( number[0][2]);
console.log ( number[1][0]);
console.log ( number[1][1]);
console.log ( number[1][2]);
</script>
</head>
<body>
</body>
</html>
※例）[ ] の [ ] ,[ ]2つあるうちの0番目（０番目と１番目がある）[ ] の０番目（０、１、２の中で）
”番号には０も含まれているので少し注意が必要”
７）
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>You can do it!!</title>
<script>
var favorites = {
food : 'curry',
color : 'blue',
number : 7
};
console.log( favorites.food );
console.log( favorites.color );
console.log( favorites.number );
</script>
</head>
<body>
</body>
</html>
８）
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>You can do it!!</title>
<script>
var favorites = {
food : 'curry',
color : 'blue',
number : 7
};
console.log( favorites['food']);
var key = 'food'
console.log( favorites[key] );
</script>
</head>
<body>
</body>
</html>
９）
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>You can do it!!</title>
<script>
var favorites = {
food : 'curry',
color : 'blue',
number : 7
};
favorites.sports = 'soccer';
console.log( favorites.sports );
</script>
</head>
<body>
</body>
</html>
▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
まだまだですが理解深めます！！
では。
GOOD NIGHT!!
