2022-10-08 19:39:04 +02:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<title>Doses</title>
|
2022-10-08 20:32:50 +02:00
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
2022-10-08 20:17:22 +02:00
|
|
|
<style>
|
|
|
|
|
html {
|
|
|
|
|
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
2022-10-08 19:39:04 +02:00
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<h1>Doses converter</h1>
|
2022-10-08 20:17:22 +02:00
|
|
|
|
|
|
|
|
<p>
|
|
|
|
|
<label for="proof">Proof (%)</label>
|
|
|
|
|
<input type="number" id="proof" value="40">
|
|
|
|
|
</p>
|
|
|
|
|
|
|
|
|
|
<p>
|
|
|
|
|
<label for="volume">Volume (cl)</label>
|
|
|
|
|
<input type="number" id="volume" value="10">
|
|
|
|
|
<button id="compute-volume">Compute</button>
|
|
|
|
|
</p>
|
|
|
|
|
|
|
|
|
|
<p>
|
|
|
|
|
<label for="dose">Dose</label>
|
|
|
|
|
<input type="number" id="dose" value="3.2">
|
|
|
|
|
<button id="compute-dose">Compute</button>
|
|
|
|
|
</p>
|
|
|
|
|
|
2022-10-08 19:39:04 +02:00
|
|
|
<script src="main.js" defer></script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
