条件分岐:情報処理実習3B(Web)

条件分岐

if,elseif,else

基本文法

if(条件式1){
    条件式1がtrueの時の処理;
}else if(条件式2){
    条件式1がfalseで条件式2がtrueの時の処理;
}else{
    条件式1,2がfalseの時の処理;
}

比較演算子

演算子	演算子の意味(Excel)	例
==	等しい(=)	num == 10
<	より小さい(<)	num < 10
>	より大きい(>)	num > 10
<=	以下(<=)	num <= 10
>=	以上(>=)	num >= 10
!=	等しくない(<>)	num != 10

論理演算子

演算子	演算子の意味(Excel)	例
&&	論理積「かつ」(AND())	a && b
\|\|	論理和「または」(OR())	a \|\| b
!	否定「ではない」(NOT())	! a

conditional1.html

<!DOCTYPE html>
<html lang="ja">
<head>
   <meta charset="UTF-8" />
   <title>合否判定(条件式1)</title>
   <style>
table,th,td{
   border:1px solid black;
}
table{
   border-collapse:collapse;
}
   </style>
   <script>
var written = 57;
var practical = 65;
var written_judgement = "優";
var practical_judgement = "優";
var a_judgement = "不合格";
var b_judgement = "不合格";

if(written < 60){
    written_judgement = '不可';
}else if(written < 70){
    written_judgement = '可';
}else if(written < 80){
    written_judgement = '良';
}

if(practical < 60){
    practical_judgement = '不可';
}else if(practical < 70){
    practical_judgement = '可';
}else if(practical < 80){
    practical_judgement = '良';
}

if(written >= 60 && practical >= 60){
    a_judgement = '合格';
}

if(written >= 60 || practical >= 60){
    b_judgement = '合格';
}
</script>
</head>
<body>
<h1>合否判定</h1>
<table>
<capcion>Aさんの得点</caption>
<tr>
<script>
document.write('<th>筆記試験</th><td>' + written + '</td>');
</script>
</tr><tr>
<script>
document.write('<th>実技試験</th><td>' + practical + '</td>');
</script>
</tr>
</table>

<table>
<capcion>Aさん成績表</caption>
<tr>
<script>
document.write('<th>筆記評価</th><td>' + written_judgement + '</td>');
</script>
</tr><tr>
<script>
document.write('<th>実技評価</th><td>' + practical_judgement + '</td>');
</script>
</tr><tr>
<script>
document.write('<th>総合判定A</th><td>' + a_judgement + '</td>');
</script>
</tr><tr>
<script>
document.write('<th>総合判定B</th><td>' + b_judgement + '</td>');
</script>
</tr>
</table>
</body>
</html>