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

No:24013

←

Prev Next

→

Rock papear sisors
Developer User11246｜Date and time 23/11/5 6:36:04
Build time 2.196 sec｜Game capacity 0.048KB｜

Script

The AI could not be gamified with this prompt. Please try again with different prompts. .
Displays games created by AI in the past at random.

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

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

ジュース1 50%

ジュース2 50%

ジュース3 50%

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<p style='font-size:14px;background-color:#FF0'>The AI could not be gamified with this prompt. Please try again with different prompts. . <br>Displays games created by AI in the past at random.</p><!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>