복습 : 자바스크립트(Javascript)

📌 onclick & alert

<button onclick="openclose()">버튼</button>

function openclose(){
            alert('안녕');
        }

위의 html과 Javascript를 연결 후 버튼을 클릭하면,

사진과 같이 '안녕'이 적힌 alert창이 열리게 됩니다.

📌 toggle()

<button onclick="openclose()">버튼</button>

<div id="abcbox">가나다라</div>

function openclose(){
            $('#abcbox').toggle()
        }

html과 javascript를 이렇게 설정하게 되면 아래와 같이 반응합니다.

onclick을 갖고 있는 버튼을 클릭하면 abcbox라는 아이디를 가진 div가 안보였다가 다시 버튼을 클릭하면 보이는 toggle이 적용되게 됩니다.

📌 val()

• floatingInput라는 아이디를 가진 인풋에 입력한 값을 보여주는 것

function makeCard(){
            let image = $('#floatingInput').val();
            alert(image);
        }