unit_conv.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>EX-T : Unit Converter</title>
    <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30'><text x='0' y='25' font-size='25'>🧭</text></svg>" type="image/svg+xml">
</head>
<body>
    <h2>Unit converter</h2>
    <p>This tool is at its version 1.0.0</p>
    <form id="unitConverterForm" onsubmit="convertUnit(event)">
        <label for="fromUnit">Select the unit to convert from:</label>
        <select id="fromUnit">
        <option value="meters">Meters</option>
        <option value="kilometers">Kilometers</option>
        <option value="miles">Miles</option>
        </select>

        <br>

        <label for="value">Enter the value:</label>
        <input type="number" id="value" placeholder="Enter your mesures !">

        <br>

        <label for="toUnit">Select the unit to convert to:</label>
        <select id="toUnit">
        <option value="meters">Meters</option>
        <option value="kilometers">Kilometers</option>
        <option value="miles">Miles</option>
        </select>
        <br>
        <button type="submit">Convert !</button>
    </form>
    <p id="result">Waiting for you to enter your mesures...</p>

    <script src="script.js"></script>
</body>
</html>