汗で稼ぐ榎本行宏の『えのちゃんねる日記(仮題)』〜webデザインの勉強と漫画と小説と麻雀とあとなんか。〜はてなブログ版バージョン1.17 yukihiroenomoto666’s diary

『えのちゃんねる日記(仮題)』はてなブログ版へようこそ!汗で稼ぐ榎本行宏(フェリカwebサイト制作科2014年8月18日開講の生徒)のwebデザインの勉強や漫画や小説や麻雀やあとなんかの話。(*ω*)

スポンサーリンク

今朝は妙なメイルを拝受しました。

汗で稼ぐ榎本行宏(フェリカwebサイト制作科2014年8月18日開講の生徒)です。
最近、祭り男くんとよくLINEしてます。
今朝も二度寝して遅刻しそうな僕を祭り男くんが電話で起こしてくれました。
そんな僕らは今日のJavascriptが全然よくわかりませんでした。
今日やったJavascriptは下の方にコピペしておきました。
Illustratorもまだまだ奥が深い。
奥まで届くか微妙な長さです。(*ω*)

f:id:yukihiroenomoto666:20140925150229p:plainf:id:yukihiroenomoto666:20140925150239p:plainf:id:yukihiroenomoto666:20140925150259p:plainf:id:yukihiroenomoto666:20140925150324p:plainf:id:yukihiroenomoto666:20140925150229p:plainf:id:yukihiroenomoto666:20140925150239p:plainf:id:yukihiroenomoto666:20140925150259p:plainf:id:yukihiroenomoto666:20140925150324p:plain

榎本行宏のツイッター
@yukihiroenomoto

↓えのちゃんねる日記のはてなブログ版。

汗で稼ぐ榎本行宏の『えのちゃんねる日記(仮題)』〜webデザインの勉強と漫画と小説と麻雀とあとなんか。〜はてなブログ版バージョン1.17 yukihiroenomoto666’s diary


↓えのちゃんねる日記のはてなダイアリー版。

汗で稼ぐ榎本行宏の『えのちゃんねる日記(仮題)』〜webデザインの勉強と漫画と小説と麻雀と、あとなんか。〜はてなダイアリー版バージョン1.17

↓授業で作ってるjimdoの僕のページ。
Home - comic-parkdias-ye-666 ページ!

↓以下は今日の授業でやったJavaScript

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>変数を代入</title>
</head>

<body>
<script>
var num = prompt( '半角数字を入力してください。', '' );
if(num %2 === 0){
  document.write( num + ' は、偶数です。' );
} else {
  document.write( num + ' は、奇数です。');
}
console.log(num);
</script>
</body>
</html>

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>while文を使った繰り返し</title>
</head>

<body>
<script>
var sum=0;
var i=1;
while(i <=10) {
  console.log( i );
  sum += i++;
}
document.write( sum );
</script>
</body>
</html>

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>for文の利用</title>
</head>

<body>
<script>
var ans=0;
var num = prompt( '半角数字を入力', '' );
  for (var i = 1 ; i <= num ; i++) {
  ans += i;
    console.log( i + '回目' );
  }
  document.write( ans );
</script>
</body>
</html>


<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>配列とfor文</title>
<script>
var number = [ 10, 20, 30];
for (var i = 0 ; i < number.length ; i++) {
console.log(i);
console.log(number[i]);
}
</script>
</head>

<body>
</body>
</html>


<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>連想配列とfor-in文</title>
<script>
var favorites = {
  food : 'カレーライス',
  color : '青',
  number : 7
};
for (var key in favorites) {
  console.log(key + ':'+ favorites[key]);
}
</script>

</head>

<body>
</body>
</html>


<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>for文とbreak文</title>
<script>
var tickets = [ 290, 296, 299, 301, 305 ];
for(var i = 0; i < tickets.length; i++){
if(tickets[i]>= 300){
break;
}
console.log(tickets[i]);
}
console.log('終了');
</script>
</head>

<body>
</body>
</html>


<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>無題ドキュメント</title>
<script>
var x = 'ABC';
if (x !='ABC'){
	console.log('OK');
}else{
console.log('NG');
}
</script>
</head>

<body>
</body>
</html>


<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>関数の使い方</title>
</head>

<body>
<script>
//関数の定義
function sayHello(){
  console.log('こんにちは');
}
sayHello(); //関数の呼び出し
</script>
</body>
</html>


<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>関数の使い方:戻り値あり</title>
</head>

<body>
<script>
  function calc() {
    var num = 0;
    for(var i=1; i<=10; i++) {
      num += i;
    }
    return num;
  }
  var result = calc();
  console.log(result);
</script>
</body>
</html>


<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>parseIntの利用</title>
</head>
<body>
<script>
var str = '10';
console.log(str + 10);
var num = parseInt(str);
console.log(num + 10);
</script>
</body>
</html>


<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>異なるスコープの同名の変数</title>
</head>

<body>
<script>
var str = 'グローバル';
  function func1() {
    var str = 'func1';
    console.log(str);
  }
  function func2() {
    var str = 'func2';
    console.log(str);
  }
  func1();
  func2();
  console.log(str);
</script>
</body>
</html>

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>関数の使い方:戻り値あり</title>
<script>
  function calc() {
    var num = 0;
    for(var i=1; i<=10; i++) {
      num += i;
    }
    document.write(num);
}
</script>
</head>

<body>
<button onclick="calc()">計算する</button>

</body>
</html>