How To – 길이 변환기

w3.css

길이 변환기

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

길이 변환기 만들기

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

1단계) HTML 추가

<p>

  <label>Feet</label>

  <input id="inputFeet" type="number" placeholder="Feet"

  oninput="lengthConverter(this.value)" onchange="lengthConverter(this.value)">

</p>

<p>cm: <span id="outputMeters"></span></p>

2단계) JavaScript 추가

/* When the input field receives input, convert the value from feet to meters */

function lengthConverter(valNum) {

  document.getElementById("outputMeters").innerHTML = valNum / 0.0022046;

}

피트(ft)에서 다른 측정 단위로 변환

피트에서 다른 길이 측정 단위로 변환하는 방법을 보여준다.

미터(m)에서 다른 측정 단위로 변환

미터에서 다른 길이 측정 단위로 변환하는 방법을 보여준다.

인치에서 다른 측정 단위로 변환

인치에서 다른 길이 측정 단위로 변환하는 방법을 보여준다.

센티미터에서 다른 측정 단위로 변환

센티미터에서 다른 길이 측정 단위로 변환하는 방법을 보여준다.

야드에서 다른 측정 단위로 변환

야드에서 다른 길이 측정 단위로 변환하는 방법을 보여준다.

킬로미터에서 다른 측정 단위로 변환

킬로미터에서 다른 길이 측정 단위로 변환하는 방법을 보여준다.

마일에서 다른 측정 단위로 변환

마일을 다른 길이 측정 단위로 변환하는 방법을 보여준다.