38日目 | javascript Dateオブジェクト | Mathオブジェクト | レイアウト　Golden Grid System / 960

授業

javascript　Dateオブジェクト、Mathオブジェクト

javascript Dateオブジェクトを使って時間帯により異なるメッセージを表示する
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>時間によってメッセージを変更する</title>
</head>

<body>
<script>
//時間によってメッセージを変更する
var today;
var hour;
today = new Date();
hour = today.getHours();

 document.write('<h1>');
 if(hour<12){
	 document.write('おはようございます');
 }else if(hour<18){
	 document.write('こんにちは');
 }else if(hour<24){
	 document.write('こんばんは');
 }
  document.write('</h1>');
</script>
</body>
</html>
javascript Mathオブジェクト、random()関数を使って1/3の確立で大吉・吉・凶を表示する
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Mathオブジェクトのメソッドを使う</title>
</head>
<body>
<script>
var random = Math.random();

if(random < 0.33){
	document.write('<h1>', '大吉', '</h1>');
}else if(random < 0.66){
	document.write('<h1>', '吉', '</h1>');
}else{
 document.write('<h1>', '凶', '</h1>');
 }	
</script>
</body>
</html>

簡単にレイアウトを作るテンプレート

公開されているテンプレートを使って簡単にレイアウトを作ることができる