어떻게 만들까요?: 중량 변환기

HTML과 JavaScript를 사용하여 중량 변환기를 만들어 보세요.

중량 변환기

아무 필드에 값을 입력하면 중량 단위 간 변환할 수 있습니다:

중량 변환기 생성

입력 요소를 생성하여 한 중량 단위를 다른 중량 단위로 변환할 수 있습니다.

단계 1 - HTML 추가:

예제 - 파운드에서 킬로그램으로 변환

<p>
  <label>파운드</label>
  <input id="inputPounds" type="number" placeholder="파운드"
  oninput="weightConverter(this.value)" onchange="weightConverter(this.value)">
</p>
<p>그램: <span id="outputGrams"></span></p>

第二步 - JavaScript 추가:

예제 - 파운드에서 킬로그램으로 변환

/* 입력 필드가 입력을 받을 때, 값을 파운드에서 킬로그램으로 변환합니다. */
function weightConverter(valNum) {
  document.getElementById("outputGrams").innerHTML = valNum / 0.0022046;
{}

직접 시도해보세요

파운드에서 다른 중량 단위로 변환

아래 표는 파운드에서 다른 중량 단위로 변환하는 방법을 보여줍니다:

설명 공식 예제
파운드를 킬로그램으로 변환 kg=lb/2.2046 시도해 보세요
파운드를 온스로 변환 oz=lb*16 시도해 보세요
파운드를 그램으로 변환 g=lb/0.0022046 시도해 보세요
파운드를 영석으로 변환 st=lb*0.071429 시도해 보세요

킬로그램에서 다른 중량 단위로 변환

아래 표는 킬로그램에서 다른 중량 단위로 변환하는 방법을 보여줍니다:

설명 공식 예제
킬로그램을 파운드로 변환 lb=kg*2.2046 시도해 보세요
킬로그램을 온스로 변환 oz=kg*35.274 시도해 보세요
킬로그램을 그램으로 변환 g=kg*1000 시도해 보세요
킬로그램을 영석으로 변환 st=kg*0.1574 시도해 보세요

온스에서 다른 중량 단위로 변환

아래 표는 온스에서 다른 중량 단위로 변환하는 방법을 보여줍니다:

설명 공식 예제
온스를 파운드로 변환 lb=oz*0.0625 시도해 보세요
온스를 킬로그램으로 변환 kg=oz/35.274 시도해 보세요
온스를 그램으로 변환 g=oz/0.035274 시도해 보세요
온스를 영석으로 변환 oz=st*0.0044643 시도해 보세요

그램에서 다른 중량 단위로 변환

아래 표는 그램에서 다른 중량 단위로 변환하는 방법을 보여줍니다:

설명 공식 예제
그램을 파운드로 변환 lb=g*0.0022046 시도해 보세요
그램을 킬로그램으로 변환 kg=g/1000 시도해 보세요
그램을 온스로 변환 oz=g*0.035274 시도해 보세요
그램을 영석으로 변환 st=g*0.00015747 시도해 보세요

영석에서 다른 중량 단위로 변환

아래 표는 영석을 다른 중량 단위로 변환하는 방법을 보여줍니다:

설명 공식 예제
영석을 파운드로 변환 lb=st*14 시도해 보세요
영석을 킬로그램으로 변환 kg=st/0.15747 시도해 보세요
스톤에서 온스로 변환 oz=st*224 시도해 보세요
스톤에서 그램으로 변환 g=st/0.00015747 시도해 보세요