테스트 사이트 - 개발 중인 베타 버전입니다

js 일정 숫자까지는 커지다가 일정 숫자에 도달하면 다시 작아지게 채택완료

shine1204s 2년 전 조회 2,662

예를 들어 어떤 버튼을 눌렀을 때 변수의 값이 1씩 커지다가

10에 도달하면 다시 1씩 줄어들다가 다시 1에 도달하면 1씩 커지게

이렇게 반복 하고 싶은데 어떻게 해야하나요?

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트

js도 비슷하겠지만

처음에는 무조건 1씩 증가하는 함수를 쓰고

10이되었을때는 1씩 감소하는 함수를 쓰고

다시 1이 되었을때 증가하는 함수를 쓰는 방식으로 하면 될것 같아요

자바스크립트 function 을 비교용 1개 감소용 1개 증가용 1개 이렇게 구현해서 비교하는 방식을 구현하면 될것 같아요

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

뒷북이네요.ㅜㅠ

 

</p>

<p><input id="my" value=1>

<button onclick="numMode()">클릭</button>

<script>

plusMode = 1;

num = 1;

function numMode() {

    if (num === 1) plusMode = 1;

    else if (num === 10) plusMode = 0;

    else plusMode = plusMode;

    num = plusMode ? num + 1 : num - 1;

    my.value = num;

}

</script></p>

<p>

 

https://wittazzurri.com/editor/html_editor.php 에서 확인해 보셈

num 이 변수입니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

F
2년 전

상태 변수 // 증가중인지 감소중인지를 저장

카운트 변수 // 클릭수 변하는 변수 

 

클릭시 함수 호출 

상태 변수 확인해서 증가 일경우 +1, 감소중일경우 -1

카운트 변수 체크해서 10이면 상태변수 감소로 변경,

1이면 증가로 변경

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인