input 의 수를 버튼으로 제어 하려고 합니다. > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

input 의 수를 버튼으로 제어 하려고 합니다. 정보

input 의 수를 버튼으로 제어 하려고 합니다.

본문

위와 같이 되어 있다고 치면요..

555라는 숫자를 바탕으로

아래의 +1을 누르면 555 숫자가 455로 줄고 0이라고 되어 있는곳에는 1이 나오면 됩니다.

+1 버튼을 두번누르면 200이 깍이고 2가 찍히면 되구요

쉽게 100 당 1로 변환이 되는거죠..

그리고 나중에 55만 남았을때는 +1을 눌러도 "더이상 변환이 안됩니다." 라고 뜨면 되구요

-1을 눌렀다고 숫자가 666이 되면 안됩니다.

0에서 -1을 눌렀을경우는 "0 아래로는 설정이 안됩니다" 라고 뜨게 하고 싶습니다...

부탁드립니다.

  • 복사

댓글 전체

<ul>
<li><input type="text" id="aaa" value=555></li>
<li>
<input type="text" id="bbb" value=0>
<input type="button" value="+" onclick="plus();"><input type="button" value="-"  onclick="minus();">
</li>
</ul>

<script type="text/javascript">
function plus() {
var aaa = document.getElementById('aaa');
var bbb = document.getElementById('bbb');

if (aaa.value > 55) {
aaa.value = Number(aaa.value) - 100;
bbb.value = Number(bbb.value) + 1;
} else {
alert("더이상 변환이 안됩니다.");
return false;
}
}

function minus() {
var aaa = document.getElementById('aaa');
var bbb = document.getElementById('bbb');

if (bbb.value > 0) {
aaa.value = Number(aaa.value) + 100;
bbb.value = Number(bbb.value) - 1;
} else {
alert("0 아래로는 설정이 안됩니다");
return false;
}
}

</script>
아주 잘됩니다 그런데요 > 55 이렇게 되어 있는 부분 있잖아요?

555는 예로 들어놓은 숫자구요 저기 숫자가 432이 될수도 있고 599가 될수도 있구요

1,323이 될수도 있어서요...

55로 정하지 않고 99가 되던 1이 되던 100이 안되면 더이상 변경이 안되게 하고 싶습니다.

한번만더 도와주시면 감사하겠습니다.
if (aaa.value > 55) {  부분은 55이상일때 -100을 한다는 말이므로
if (aaa.value > 100) { 로 하시면 될듯 합니다. (100이상일때만 -100을 함. 따라서 음수는 발생 불가능)
© SIRSOFT
현재 페이지 제일 처음으로