Calculators/Wind_Chill_Calculator/index.html

<!DOCTYPE html>
<html>
    <head>
        <title>Wind Chill Calculator</title>
        <link rel="stylesheet" href="./Styles/styles.css">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        <div class="container">
            <center><h2>Wind Chill Calculator</h2></center>
        </div>
        <div class="container">
            <strong>Enter the Air temperature:</strong><br/>
            <input type="text" class="input" id="temp" value="0" required/>
            <select class="input" id="temp_unit">
                <option value="F">&#176;F</option>
                <option value="C">&#176;C</option>
                <option value="k">Kelvin</option>
            </select><br/>
            <strong>Enter the Wind Speed:</strong><br/>
            <input type="text" class="input" id="speed" value="0" required/>
            <select class="input" id="speed_unit">
                <option value="mph">mph</option>
                <option value="km/h">Km/h</option>
                <option value="m/s">m/s</option>
            </select><br/>
            <button type="submit" id="btn">Calculate</button>
        </div>
        <div class="answer">
            <h3 class="r_title">Result: </h3>
            <div id="result"></div>
        </div>
        <div class="answer">
            <h3 class="r_title">Advice: </h3>
            <div id="advice"></div>
        </div>
        <script src="./JS/index.js"></script>
    </body>
</html>