割り勘を計算する｜JS課題03 - ウェブ学のすすめ

　課題

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

　解答

HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>割り勘を計算する</title>
<link rel="stylesheet" type="text/css" media="screen,print" href="style.css" />
</head>
<body>
<script type="text/javascript" src="index.js"></script>
</body>
</html>

CSS

.answer {
    color: #f60;
    font-weight : bold;
}

JavaScript

var people = 5;
var beer = 500;
var tea = 300;
var salad = 600;
var chicken = 800;
var pizza = 800;
           
var answer = ( beer * 12 + tea * 4 + salad * 2 + chicken * 2 + pizza * 2) / people;
           
document.write("<h2>＜問題＞</h2>");
document.write("<p>ビールを12杯：１杯500円」「ウーロン茶を4杯：１杯300円」</p>");
document.write("<p>「サラダを2皿：１皿600円」「チキンを2皿：１皿800円」</p>");
document.write("<p>「ピザを2枚：１枚800円」</p>");
document.write("<p>これを5人で割り勘にしたときの一人あたりの金額を求めなさい。</p>");
document.write("<h2>＜解答＞</h2>");
document.write("一人あたり<span class='answer'>" +answer+ "</span>円");

割り勘を計算する - jsdo.it - share JavaScript, HTML5 and CSS