<!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 = '';
} if(written < 70){
written_judgement = '';
} if(written < 80){
written_judgement = '';
}
if(practical < 0){
practical_judgement = '不可';
}else if(practical < 0){
practical_judgement = '可';
}else if(practical < 0){
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>