HTML - output 태그 : 계산 결과 요소

<output>태그는 자바스크립트에 의해 계산 결과를 출력합니다.

<h1>상품 구매 가격</h1>
<form oninput="amount_total.value = parseInt(price.value)
          * parseInt(amount.value) + ' 원';">
  <input type="text" id="num" name="price" value="3000"/>원
  x <input type="number" min="1" name="amount" value="1" />
   = <output name="amount_total" for="num"> 0원</output> 입니다.
</form>

다음은 range 속성을 이용한 화면입니다.

<form oninput="sum.value = parseInt(a.value) + parseInt(b.value)">
  0 <input type="range" name="a" value="10"> 100
  + <input type="number" name="b" value="50">
  = <output name="sum">0</output>
</form>