読者です 読者をやめる 読者になる 読者になる

ウェブ学のすすめ

Study of Web Design & Programing

割り勘を計算する|JS課題03

JavaScript

 課題

「ビールを12杯:1杯500円」「ウーロン茶を4杯:1杯300円」
「サラダを2皿:1皿600円」「チキンを2皿:1皿800円」
「ピザを2枚:1枚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杯:1杯500円」「ウーロン茶を4杯:1杯300円」</p>");
document.write("<p>「サラダを2皿:1皿600円」「チキンを2皿:1皿800円」</p>");
document.write("<p>「ピザを2枚:1枚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