Javascript/switch()

解説 条件分岐
sample1

桜の花言葉

sample1code
function s1Func(){
  var s1Select = document.getElementById("s1Select").value;
  var s1p = document.getElementById("s1p");
  switch (s1Select) {
	case "tubaki":
	  s1p.innerHTML = "つばきの花言葉";
	  break;
	case "sazanka":
	  s1p.innerHTML = "山茶花の花言葉";
	  break;
	case "kinmokusei":
	  s1p.innerHTML = "金木犀の花言葉";
	  break;
	default:s1p.innerHTML = "桜の花言葉";
	  break;
  }
}
sample2
sample2code
var traffic_light = {
	blue: "go",
	yellow: "slow",
	red: "stop",
	current: "",
	change_light: function(){
		switch(traffic_light.current){
			case traffic_light.blue:
				traffic_light.current = traffic_light.yellow;
				break;
			case traffic_light.yellow:
				traffic_light.current = traffic_light.red;
				break;
			case traffic_light.red:
				traffic_light.current = traffic_light.blue;
				break;
			default :
				traffic_light.current = traffic_light.blue;
		}
	}
}
function sample2Func(){
	traffic_light.change_light();
	console.log(traffic_light.current);
}
sample3
sample3code
function s3Func(){
  var s3Date = new Date();
  var s3Hour = s3Date.getHours();
  var s3Div = document.getElementById("s3Div");
  switch(true){
  	case s3Hour >= 0 && s3Hour <= 12:
  	s3Div.innerText = "おはようございます";
  	break;
  	case s3Hour >= 12 && s3Hour <= 18:
  	s3Div.innerText = "こんにちは";
  	break;
  	case s3Hour >= 18 && s3Hour <= 24:
  	s3Div.innerText = "こんばんは";
  }
}
	
sample4

木の分類

木の種類

sample4code
var jouryokuju = new Array(
  "", "ツバキ", "サザンカ", "ソヨゴ", "キンモクセイ", "サツキ"
);
var rakuyouju = new Array(
  "", "サクラ", "ウメ", "イチョウ", "ハナミズキ", "ブナ"
);
var shinyouju = new Array(
  "", "マツ", "カイヅカイブキ", "イトヒバ", "イチイ", "イヌマキ"
);
function s4Func(){
  //オプションタグを連続して書き換える
  for ( var i=1; i