for문 질문드립니다 채택완료
다나한포션
7년 전
조회 2,449
안녕하세요
아래 처럼 자바스크립트가
1부터 ~ 무한대 로 숫자가 증가되야 하는데요
var btn1 = document.getElementById("myBtn1");
var btn2 = document.getElementById("myBtn2");
var btn3 = document.getElementById("myBtn3");
.
.
.
실행시키는 코드는
<span id="myBtn1">
<span id="myBtn2">
<span id="myBtn3">
.
.
.
for (var i = 0; i < count; i++) 이런형식으로
숫자를 증가시키면 된다하는데
자바는 까막눈이라 도저히 감이 안옵니다.
도와주십시오 고수님들 ㅠㅠ
아래는 전체 소스 입니다.
</p>
<p><style></p>
<p>.modal {
display: none;
position: fixed;
z-index: 9999999;
left: 0;
top: 0;
width: 100%;
height: 100%;</p>
<p> background-color: rgba(0,0,0,0.3);
}</p>
<p>.modal-content {
position:absolute;
background:#fff;
padding:10% 5%;
width: 80%;
left:50%;
margin-left:-40%;
top:50%;
transform:translateY(-50%)
}</p>
<p></style></p>
<p> </p>
<p><span id="myBtn1">모달팝업1</span></p>
<p><span id="myBtn2">모달팝업1</span></p>
<p><span id="myBtn3">모달팝업1</span></p>
<p> </p>
<p><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";
}</p>
<p> span.onclick = function() {
modal.style.display = "none";
}
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
}
</script></p>
<p>
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
7년 전
아래와 같이 php로 만드셔야하고,
무한대는 끝이 없으므로 페이지가 다운됩니다.
일정한 숫자까지만 반복시켜야 합니다.
</p>
<p><? $count = 100; ?></p>
<p><? for (var i = 0; i < $count; i++) { ?></p>
<p>var btn<?=$i?> = document.getElementById("myBtn<?=$i?>");</p>
<p><? } ?></p>
<p><? for (var i = 0; i < $count; i++) { ?></p>
<p><span id="myBtn<?=$i?>"></p>
<p><? } ?></p>
<p>
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인