for문 질문드립니다

다나한포션

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2018-08-08 (수) 18:48:20 2,544

안녕하세요

아래 처럼 자바스크립트가

1부터 ~ 무한대 로 숫자가 증가되야 하는데요

var btn1 = document.getElementById("myBtn1");

var btn2 = document.getElementById("myBtn2");

var btn3 = document.getElementById("myBtn3");

실행시키는 코드는

for (var i = 0; i < count; i++) 이런형식으로

숫자를 증가시키면 된다하는데

자바는 까막눈이라 도저히 감이 안옵니다.

도와주십시오 고수님들 ㅠㅠ

아래는 전체 소스 입니다.

Copy

<style>

.modal {
    display: none;
    position: fixed;
    z-index: 9999999;
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%;

    background-color: rgba(0,0,0,0.3);
}

.modal-content {
    position:absolute;
    background:#fff;
    padding:10% 5%;
    width: 80%;
    left:50%;
    margin-left:-40%;
    top:50%;
    transform:translateY(-50%)
}

</style>

 

<span id="myBtn1">모달팝업1</span>

<span id="myBtn2">모달팝업1</span>

<span id="myBtn3">모달팝업1</span>

 

<script type="text/javascript">
    var modal = document.getElementById('myModal');
    var btn = document.getElementById("myBtn");
    var span = document.getElementsByClassName("close")[0];                                          
 
    btn.onclick = function() {
        modal.style.display = "block";
    }

    span.onclick = function() {
        modal.style.display = "none";
    }
 
    window.onclick = function(event) {
        if (event.target == modal) {
            modal.style.display = "none";
        }
    }
</script>

그누보드5

답변 2개

채택된 답변

+20 포인트

eyekiss

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2018-08-09 (목) 01:05:24

아래와 같이 php로 만드셔야하고,

무한대는 끝이 없으므로 페이지가 다운됩니다.

일정한 숫자까지만 반복시켜야 합니다.

Copy

<? $count = 100; ?>

<? for (var i = 0; i < $count; i++) { ?>

var btn<?=$i?> = document.getElementById("myBtn<?=$i?>");

<? } ?>

<? for (var i = 0; i < $count; i++) { ?>

<span id="myBtn<?=$i?>">

<? } ?>

비버팩토리

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2018-08-08 (수) 21:59:40

뭔말인지 이해가 안가요~ 기능같은거 자세히 써주면 될듯해요

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

for문 질문드립니다

답변 2개

공유하기