js 웹 페이지 의 두 input 태그 의 수치 가감 실현(예시 코드)

1416 단어 jsinput수치가감
실례 는 다음 과 같다.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
window.onload=function(){

var oIput1=document.getElementById('put1');
var oIput2=document.getElementById('put2');
var nAdd=document.getElementById('add');
var nSub=document.getElementById('subtraction');


nAdd.onclick=function(){
var a=Number(oIput1.value);
var b=Number(oIput2.value);
c = a+b;
alert(c);
}
nSub.onclick=function(){
var a=Number(oIput1.value);
var b=Number(oIput2.value);
c = a-b;
alert(c);
}
}

</script>
</head>
<body>

  1:<input id="put1" type="text" value=""/>
  2:<input id="put2" type="text" value=""/>
<input type="button" id="add" value="  " />
<input type="button" id="subtraction" value="  " />

</body>
</html>
다음은 효과 도↓

이상 의 js 는 웹 페이지 의 두 input 태그 안의 수치 가감(예제 코드)을 실현 하 는 것 이 바로 작은 편집 이 여러분 에 게 공유 하 는 모든 내용 입 니 다.여러분 께 참고 가 되 고 많은 응원 을 바 랍 니 다.

좋은 웹페이지 즐겨찾기