Click here for free DL of the app version that can save data.

No:4363

5980

←

Prev Next

→

Simulator for mixing juice at a drink bar
Developer User3771｜Date and time 23/6/27 20:43:21
Build time 28.412 sec｜Game capacity 2.029KB｜

Script

ドリンクバーシミュレーター

ドリンクバーで好きなジュースを混ぜてみよう！

ジュース1 50%

ジュース2 50%

ジュース3 50%

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>ドリンクバーシミュレーター</title>
</head>
<body>
	<h1>ドリンクバーシミュレーター</h1>
	<p>ドリンクバーで好きなジュースを混ぜてみよう！</p>

mixButton.addEventListener("click", function() {
			const total = parseInt(juice1.value) + parseInt(juice2.value) + parseInt(juice3.value);
			const ratio1 = parseInt(juice1.value) / total;
			const ratio2 = parseInt(juice2.value) / total;
			const ratio3 = parseInt(juice3.value) / total;
			const color = mixColors([ratio1, ratio2, ratio3]);
			result.style.backgroundColor = color;
			result.innerHTML = "混ぜた結果、<strong>" + Math.round(ratio1 * 100) + "%</strong>のジュース1、<strong>" + Math.round(ratio2 * 100) + "%</strong>のジュース2、<strong>" + Math.round(ratio3 * 100) + "%</strong>のジュース3を混ぜた色になりました！";
		});

function mixColors(ratios) {
			const red = Math.round(ratios[0] * 255);
			const green = Math.round(ratios[1] * 255);
			const blue = Math.round(ratios[2] * 255);
			return "rgb(" + red + "," + green + "," + blue + ")";
		}
	</script>
</body>
</html>