Untitled

<!doctype html>

<html>
<head>
    <title> Imperial to Metric unit converter </title>
    <meta charset="utf-8"/>
    <script>
        let toValue; // berättar att jag kommer använda värden som heter toValue&fromValue
        let fromValue;
        const convert = function() { //Här döper jag funktionen till convert, förklara sig självt
            fromValue = document.getElementById('fromValue'); //Definerar namn på värden
            toValue = document.getElementById('toValue');

            let convertion = document.getElementById('dropdown').value; //Hur kommenterar jag detta (1)

            if(convertion === 'temp') {
                toValue.value = (fromValue.value - 32) / 1.8
                return
            }

            if(convertion === 'weight') {
                toValue.value = (fromValue.value) / 2.20462262
                return
            }

            if(convertion === 'length') {
                toValue.value = (fromValue.value * 0.3048)
                return
            } // Här säger jag till datorn att göra olika beräkningar baserat på vilken omvandling som ska göras
        }

        const saveValue = function(e) {    //Hur kommenterar jag detta (2)
            const id = e.id;
            const val = e.value;
            localStorage.setItem(id, val);
        }

        const getValue = function(v) {
            try {
                return localStorage.getItem(v); //Hur kommenterar jag detta (3)
            } catch (err) {
                console.log(err); //Berättar att konsolen ska logga eventuella fel som uppstår och visa dem
                return '';
            }
        }

    </script>

</head>
<body>
    <h1> Imperial to metric unit converter </h1>
    <select id="dropdown" onchange="saveValue(this)">
        <option value="temp">Farenheit to Celsius</option>
        <option value="weight">Lb to Kg</option>
        <option value="length"> Feet to Meter</option>
<!-- Här har jag använt dropdown funktionen i Java och lagt till val(options) baserat på vilken beräkning som användaren ska göra -->
    </select>
    <br/> <br/>
    <input type='number' placeholder='Enter value' id='fromValue' onkeyup='saveValue(this)' />
    <br/>
    <input type='number' placeholder='=' id='toValue' disabled />
    <button onClick='convert()'>Convert</button>
<!-- Skapat två fält, blockat ena från att ta emot data, och skapat en knapp som ska utföra funktionen 'convert' -->
</body>
<script>
    document.getElementById('dropdown').value = getValue('dropdown');
    document.getElementById('fromValue').value = getValue('fromValue');
    convert(); // Hur kommenterar jag detta (4)
</script>
</html>