var mode="F",autoOn=true,is_open=false; var obj={ C:"Celsius", F:"Fahrenheit" }; function solve(e){ e.preventDefault(); convertTo(mode,id("inp").value); } addEventListener("load",()=>{ id("mode").addEventListener("input",()=>{ mode=id("mode").value; id("inp").placeholder="Convert to "+obj[mode]; }); id("inp").placeholder="Convert To "+obj[mode]; id("toggle0").addEventListener("input",()=>{ autoOn=id("toggle0").checked; if(autoOn){ id("inp").addEventListener("input",solve); id("output").innerHTML=`The Output Will Be Shown Here
Auto Mode ON`; } else{ id("inp").removeEventListener("input",solve); id("output").innerHTML=`The Output Will Be Shown Here
Auto Mode OFF`; } }); id("go_back").addEventListener("click",toggle_settings); id("inp").placeholder="Convert to "+obj[mode]; if(autoOn){ id("inp").addEventListener("input",solve); } else{ id("inp").removeEventListener("input",solve); } }) function toggle_settings(){ if(!is_open){ document.body.classList.add("fixed"); id("set").style.display="flex"; is_open=true; } else{ document.body.classList.remove("fixed"); id("set").style.display="none"; is_open=false; } } function id(el){return document.getElementById(el);} function convertTo(name,value){ var val=value || 0; if(name=="C"){ var a,b,c; a=val-32; b=a/9; c=b.toFixed(2)*5; id("output").innerHTML=` ${val}°F = 5/9 × ( ${val} - 32 ) °C
${val}°F = 5/9 × ${a} °C
${val}°F = 5 × ${b.toFixed(2)} °C
${val}°F = ${c.toFixed(2)}°C `; } else{ var a,b,c; a=val/5; b=a*9; c=b+32; id("output").innerHTML=` ${val}°C = 9/5 × ${val} + 32 °F
${val}°C = 9 × ${a} + 32 °F
${val}°C = ${b.toFixed(2)} + 32 °F
${val}°C = ${c.toFixed(2)}°F
`; } } function toC(F){ var raw=F-32; var raw2= 5/9 *raw return raw2; } function toF(C){ var raw=9/5*C var raw2 = raw+32; return raw2; }

🌡️Celcius and Fahrenheit Step by Step Converter🌡️