• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 JavaScript, TS 게시판 닫기 버튼이 사라졌는데 어디로 날아간건가요?

닫기 버튼이 사라졌는데 어디로 날아간건가요?

4 글 보임 - 1 에서 4 까지 (총 4 중에서)
  • 글쓴이
  • #44295

    홍세호
    참가자
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    <script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <link rel="stylesheet" href="main.css">
    <script>
        function 알림창열기(구멍,text){
            document.getElementById('alert').style.display=구멍;
            document.getElementById('alert').innerHTML=text;
        }
    </script>
    </head>
    <body>
        <div class="alert-box" id="alert">알림창임
            <button onclick="알림창열기('none','none');" id="Btn">닫기</button>
        </div> 
        
        <button onclick="알림창열기('block','아이디를 입력하세요');">버튼1</button>
        <button onclick="알림창열기('block','비번을 입력하세요');">버튼2</button>
        
    </body>
    </html>
    /////////////////////////
    일단 제가 만든 코드는 저런데 저렇게 하면 버튼1이나 2를 누르면 alert-box에서 닫기버튼이 안보이는데 어디로 날아간건가요?
    #44300

    codingapple
    키 마스터
    자바스크립트는 조작할 html들 밑에 작성해야합니다
    #44350

    홍세호
    참가자
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    <script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <link rel="stylesheet" href="main.css">
    </head>
    <body>
        <div class="alert-box" id="alert">알림창임
            <button onclick="알림창열기('none','none');" id="Btn">닫기</button>
        </div> 
        
        <button onclick="알림창열기('block','아이디를 입력하세요');">버튼1</button>
        <button onclick="알림창열기('block','비번을 입력하세요');">버튼2</button>
        
    </body>
    </html>
    <script>
    function 알림창열기(구멍,text){
        document.getElementById('alert').style.display=구멍;
        document.getElementById('alert').innerHTML=text;
    }
    </script>
    수정했는데도 닫기 버튼이 안보입니다.. 어디로 사라진건지 잘 모르겠습니다..
    
    
    
    #44369

    codingapple
    키 마스터
    자바스크립트는 </body> 바로 전으로 옮기면 됩니다 
    버튼누르면 id="alert" 띄워주고 그 안에 있는 html은 전부 '아이디를 입력하세요'로 바꾸라고 코드짜서 그렇습니다 
    버튼이 없어지고 '아이디를 입력하세요'로 바뀌겠군요
     
4 글 보임 - 1 에서 4 까지 (총 4 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠