2023-04-20 15:07:41 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en-US">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8" />
|
|
|
|
|
<link rel="manifest" href="/manifest.json">
|
|
|
|
|
<link rel="stylesheet" href="converter.css">
|
|
|
|
|
<title>Temperature converter</title>
|
2023-04-24 23:39:54 +00:00
|
|
|
<script type="module" src="/dist/app.js"></script>
|
2023-04-20 15:07:41 +00:00
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<h1> Temperature Converter </h1>
|
|
|
|
|
<form id="converter">
|
|
|
|
|
<label for="input-temp">temperature</label>
|
|
|
|
|
<input type="text" id="input-temp" name="input-temp" value="20" />
|
|
|
|
|
<label for="input-unit">from</label>
|
|
|
|
|
<select id="input-unit" name="input-unit">
|
|
|
|
|
<option value="c" selected>Celsius</option>
|
|
|
|
|
<option value="f">Fahrenheit</option>
|
|
|
|
|
<option value="k">Kelvin</option>
|
|
|
|
|
</select>
|
|
|
|
|
<label for="output-unit">to</label>
|
|
|
|
|
<select id="output-unit" name="output-unit">
|
|
|
|
|
<option value="c">Celsius</option>
|
|
|
|
|
<option value="f" selected>Fahrenheit</option>
|
|
|
|
|
<option value="k">Kelvin</option>
|
|
|
|
|
</select>
|
|
|
|
|
<output name="output-temp" id="output-temp" for="input-temp input-unit output-unit">68 F</output>
|
|
|
|
|
</form>
|
|
|
|
|
<script>
|
|
|
|
|
if('serviceWorker' in navigator) {
|
2023-04-24 23:39:54 +00:00
|
|
|
navigator.serviceWorker.register('/dist/sw.js', { scope: '/' });
|
2023-04-20 15:07:41 +00:00
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
|
