【AS課題03】jsバージョン - Webメーカーしっぱ

問題

「ビールを12杯：１杯500円」「ウーロン茶を4杯：１杯300円」「サラダを2皿：１皿600円」「チキンを2皿：１皿800円」
「ピザを2枚：１枚800円」
これを5人で割り勘にしたときの一人あたりの金額を求めなさい。

解答

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="content-script-type" content="text/javascript" >
<title>無題ドキュメント</title>
</head>

<body>

<table>
  <tr>
    <th>ビール</th>
    <td>単価：<input type="text" name="beerVal" id="beerVal"></td>
    <td>注文数<input type="text" name="beercnt" id="beerCnt"></td>
  </tr>
  <tr>
    <th>ウーロン茶</th>
    <td>単価：<input type="text" name="woorongVal" id="woorongVal"></td>
    <td>注文数<input type="text" name="woorongcnt" id="woorongCnt"></td>
  </tr>
  <tr>
    <th>サラダ</th>
    <td>単価：<input type="text" name="saladVal" id="saladVal"></td>
    <td>注文数<input type="text" name="saladCnt" id="saladCnt"></td>
  </tr>
  <tr>
    <th>チキン</th>
    <td>単価：<input type="text" name="chickenVal" id="chickenVal"></td>
    <td>注文数<input type="text" name="chickenCnt" id="chickenCnt"></td>
  </tr>
  <tr>
    <th>ピザ</th>
    <td>単価：<input type="text" name="pizzaVal" id="pizzaVal"></td>
    <td>注文数<input type="text" name="pizzaCnt" id="pizzaCnt"></td>
	</tr>
</table>

人数：<input type="text" name="menber" ><br>

<input type="button" name="as" value="計算" onclick="calc()" >

<br>
解答：<span id="output"></span>



</body>
<script type="text/javascript">
<!--

function calc(){
	var member = document.getElementsByName("menber")[0].value;
	var total=0;
	var beerval=document.getElementById("beerVal").value;
	var beercnt=document.getElementById("beerCnt").value;
	var woorongval=document.getElementById("woorongVal").value;
	var woorongcnt=document.getElementById("woorongCnt").value;
	var saladval=document.getElementById("saladVal").value;
	var saladcnt=document.getElementById("saladCnt").value;
	var chickenval=document.getElementById("chickenVal").value;
	var chickencnt=document.getElementById("chickenCnt").value;
	var pizzaval=document.getElementById("pizzaVal").value;
	var pizzacnt=document.getElementById("pizzaCnt").value;
	var answer=document.getElementById("output");

	
	if(   beerval==null
	   || beercnt==null
		 || woorongval==null
		 || woorongcnt==null
	   || saladval==null
	   || saladcnt==null
	   || chickenval==null
	   || chickencnt==null
	   || pizzaval==null
	   || pizzacnt==null
		 ){
			 alert("未入力の項目があります！");
　　　　　　　　　　　　return false;
		 }
	
	//ビール
	total+= subtotal(beerval,beercnt);
	//ウーロン茶
	total+= subtotal(woorongval,woorongcnt);
	//サラダ
	total+= subtotal(saladval,saladcnt);
	//チキン
	total+= subtotal(chickenval,chickencnt);
	//ピザ
	total+= subtotal(pizzaval,pizzacnt);
	
	answer.innerHTML=total/member;
	
}

function subtotal(price,count){
		return price*count;
}

// -->
</script>

</html>