JSFiddle - React, Tailwind, and code Playground

by Toshyuki Ogawa

HTML

<h1>
タイトル
</h1>
<!---  無関係　
ないをかいてもOK
-->

<input type="number">
<input type="number">
<button type="button">足し算</button>
<p></p>
<!-- -->

JavaScript

const btns = document.getElementsByTagName('button')

btns[0].addEventListener('click', ()=> {
	const pTags = document.getElementsByTagName('p')
  const inputs = document.getElementsByTagName('input')
  // ここは、文字と文字をくっつけた結果になる

  pTags[0].innerText = parseFloat(inputs[0].value) / parseFloat(inputs[1].value)
})