javascript - wright converter

무게 변환기다. 숫자(사진에서는 파운드 기준)을 넣으면 그램과 킬로그램, 온스로 변환해주는 프로그래밍이다. 처음 페이지를 열었을 때 그램, 킬로그램, 온스 창이 닫혀있다가 input 창에 숫자를 입력하면 즉시 변환된다.

별 거 없어서 빠르게 진행할 것이다. 일단 숨기기는

${var}.style.visibility = "hidden"

이렇게 숨기면 되고 함수가 실행될 때

${var}.style.visibility = "visible"

로 해주면 펼치기 기능이 된다.

input.addEventListener("input", function() {
    result.style.visibility = "visible"
    let val = input.value;
    poundResult.innerHTML = val * 2.204623
    gramsResult.innerHTML = val * 1000
    ounceResult.innerHTML = val * 35.273962
})

input에서 받은 값을 변환해주면 된다. 실시간으로 변할 때 무언가 다른 문법을 써야하는 줄 알았는데 아무것도 없이 var.innerHTML로도 실시간 변환이 가능하다!

출처: https://www.youtube.com/watch?v=7l-ZAuU8TXc