How To – 속도 변환기

w3.css

속도 변환기

HTML과 JavaScript를 사용하여 속도 변환기를 만드는 방법을 알아보자.

속도 변환기 만들기

한 속도 측정값을 다른 속도 측정값으로 변환할 수 있는 입력 요소를 만든다.

1단계) HTML 추가

<p>

  <label>MPH</label>

  <input id="inputMPH" type="number" placeholder="MPH"

  oninput="speedConverter(this.value)"

  onchange="speedConverter(this.value)">

</p>

<p>KPH: <span id="outputKPH"></span></p>

2단계) JavaScript 추가

/* When the input field receives input, convert the value from mph to kph */

function speedConverter(valNum) {

  valNum = parseFloat(valNum);

  document.getElementById("outputKPH").innerHTML = valNum * 1.609344;

}

MPH에서 다른 측정 단위로 변환

MPH에서 다른 속도 측정 단위로 변환하는 방법을 보여준다.

KPH에서 다른 측정 단위로 변환

KPH에서 다른 속도 측정 단위로 변환하는 방법을 보여준다.

노트(knots)에서 다른 측정 단위로 변환

노트에서 다른 속도 측정 단위로 변환하는 방법을 보여준다.

마하(Mach)에서 다른 측정으로 변환

마하에서 다른 속도 측정 단위로 변환하는 방법을 보여준다.