/*
1 meter = 3.281 feet
1 liter = 0.264 gallon
1 kilogram = 2.204 pound
*/

const convertBtn = document.getElementById("convert_btn")

const convertUnit = function(value, fromUnit, toUnit, conversionFactor) {
const result = (value * conversionFactor).toFixed(3)
return `${value} ${fromUnit} = ${result} ${toUnit}`
}

convertBtn.addEventListener("click", function(){ 
    const input = document.getElementById("input")
    
    
    const mtr2Ft = document.getElementById("length_ft_output")
    const ft2Mtr = document.getElementById("length_mtr_output")
    
    const lit2Gal = document.getElementById("volume_gal_output")
    const gal2Lit = document.getElementById("volume_lit_output")
    
    const kl2Pd = document.getElementById("mass_pd_output")
    const pd2Kl = document.getElementById("mass_kl_output")
    
    
    const mtrValue = parseFloat(input.value)
    const ftValue = convertUnit(mtrValue, "meters", "feet", 3.281)
    
    const ftValue2 = parseFloat(input.value)
    const mtrValue2 = convertUnit(ftValue2, "feet", "meters", 1 / 3.281)
    
    const litValue = parseFloat(input.value)
    const galValue = convertUnit(litValue, "liters" , "gallons" , 0.264)
    
    const galValue2 = parseFloat(input.value)
    const litValue2 = convertUnit(galValue2, "gallons" , "liters" , 1 / 0.264)
    
    const klValue = parseFloat(input.value)
    const pdsValue = convertUnit(klValue , "kilograms" , "pounds" , 2.204)
    
    const pdsValue2 = parseFloat(input.value)
    const klValue2 = convertUnit (pdsValue2, "pounds" , "kilograms" , 1 / 2.204)
    
    
    mtr2Ft.innerText = ftValue
    ft2Mtr.innerText = mtrValue2
    
    lit2Gal.innerText = galValue
    gal2Lit.innerText = litValue2
    
    kl2Pd.innerText = pdsValue
    pd2Kl.innerText = klValue2
})