index.html

<!DOCTYPE html>
<html lang=" en-US" dir="ltr">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width,initial-scale=1" />
        <link rel="shortcut icon" href="https://c.s-microsoft.com/favicon.ico?v2" />
        <title> Temperature Sensor</title>
        <link rel="manifest" href="/manifest.json">
    </head>
    <link rel="stylesheet" href="converter.css">
    <body>
        <script>
            if('serviceWorker' in navigator) {
              navigator.serviceWorker.register('/sw.js', { scope: '/' });
            }
            </script>
        <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 src="converter.js"></script>
    </body>
    </script>
</html>