for문 질문드립니다
본문
안녕하세요
아래 처럼 자바스크립트가
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++) 이런형식으로
숫자를 증가시키면 된다하는데
자바는 까막눈이라 도저히 감이 안옵니다.
도와주십시오 고수님들 ㅠㅠ
아래는 전체 소스 입니다.
<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>
답변 2
아래와 같이 php로 만드셔야하고,
무한대는 끝이 없으므로 페이지가 다운됩니다.
일정한 숫자까지만 반복시켜야 합니다.
<? $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?>">
<? } ?>
뭔말인지 이해가 안가요~ 기능같은거 자세히 써주면 될듯해요
답변을 작성하시기 전에 로그인 해주세요.
