戻る

条件分岐（elseを含むif文）

JavaScript

記述方法１

<!DOCTYPE HTML>
<html lang="ja-JP">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body></body>
<script type="text/javascript">
var tokuten = 74;

if(tokuten >= 80){
	document.getElementsByTagName("body")[0].innerHTML = "あなたの点は" + tokuten + "点で合格です";
}
else{
	document.getElementsByTagName("body")[0].innerHTML = "あなたの点は" + tokuten + "点で不合格です";
}
</script>
</html>

記述方法２

<!DOCTYPE HTML>
<html lang="ja-JP">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body></body>
<script type="text/javascript">
var tokuten = 74;

if(tokuten >= 80)
	document.getElementsByTagName("body")[0].innerHTML = "あなたの点は" + tokuten + "点で合格です";
else
	document.getElementsByTagName("body")[0].innerHTML = "あなたの点は" + tokuten + "点で不合格です";
</script>
</html>

以下の記述でも結果は同じですが、2つのif文を通過するので、else{}で分岐するのと意味が違います。 

<!DOCTYPE HTML>
<html lang="ja-JP">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body></body>
<script type="text/javascript">
var tokuten = 74;

if(tokuten >= 80){
	document.getElementsByTagName("body")[0].innerHTML = "あなたの点は" + tokuten + "点で合格です";
}

if(tokuten < 80){
	document.getElementsByTagName("body")[0].innerHTML = "あなたの点は" + tokuten + "点で不合格です";
}

//if(!(tokuten >= 80)){
//	document.getElementsByTagName("body")[0].innerHTML = "あなたの点は" + tokuten + "点で不合格です";
//}

</script>
</html>

PHP

記述方法１

<?php
header("Content-type: text/html; charset=utf-8");

$tokuten = 74;

if($tokuten >= 80){
	echo "あなたの点は{$tokuten}点で合格です";
}
else{
	echo "あなたの点は{$tokuten}点で不合格です";
}
?>

記述方法２

<?php
header("Content-type: text/html; charset=utf-8");

$tokuten = 74;

if($tokuten >= 80)
	echo "あなたの点は{$tokuten}点で合格です";
else
	echo "あなたの点は{$tokuten}点で不合格です";
?>

記述方法３

HTML内に記述する場合に便利です。デザインとロジックを分離するのに便利です。 

<?php
header("Content-type: text/html; charset=utf-8");

$tokuten = 74;
 
if($tokuten >= 80):
	echo "あなたの点は{$tokuten}点で合格です";
else:
	echo "あなたの点は{$tokuten}点で不合格です";
endif;
?>

例： 

<?php
header("Content-type: text/html; charset=utf-8");

/*******************************************
インフォーメーション
1: メンテナンス
2: 地震速報
********************************************/

define("INFORMATION", 2);

// 地震速報
$area				= "大坂";
$seismic_intensity	= 3;
?>
<!DOCTYPE HTML>
<html lang="ja-JP">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
	<header>
		サイト名
	</header>
	<?if(INFORMATION == 1):?>
	<div>
		<p>
			ただいまサイトのメンテナンス中です。
		</p>
	</div>
	<?else:?>
	<div>
		<p>
			<?=$area?>で震度<?=$seismic_intensity?>の地震が発生しました。
		</p>
	</div>
	<?endif;?>
	<article>
		<section>
			…略…
		</section>
		<section>
			…略…
		</section>
		<section>
			…略…
		</section>
	</article>
	<header>
		著作権
	</header>
</body>
</html>

inserted by FC2 system