https://www.w3schools.com/jsref/met_win_confirm.asp
뭔가를 삭제하기 전에 삭제 하시겠습니까? 해서 네 하면 삭제되고 아니오 하면 삭제 안되고 하는 것을 구현하고 싶었다.
이걸 커스텀 모달을 만들어서 구현해야하는지 고민했는데 Window.confirm 이라는 것을 알게되었다.
var txt;
var r = confirm("Press a button!");
if (r == true) {
txt = "You pressed OK!";
} else {
txt = "You pressed Cancel!";
}
네를 누르면 true가 되고 아니면 false가 된다.
완전 편리하다
참고로 vue에서는 이렇게 구현했다.
confirm이 true일때 api. 요청을 하도록 했고 false일때는 아무일도 하지 않도록 했다.
const deleteCollection = async () => {
const confirm = window.confirm('정말 삭제하시겠습니까?');
if (confirm) {
const fetchData = await deleteMyCollectionAPI(props.collection.id);
if (fetchData) {
store.dispatch('user/deleteMadeCollection', props.collection.id);
}
}
};
728x90
'WEB > html,CSS' 카테고리의 다른 글
[css] 반응형 flex box 만들기 (0) | 2021.11.30 |
---|---|
[html/css] 컬러의 명도와 채도가 같은 랜덤컬러 생성 random color (0) | 2021.11.30 |
[css] gradient animator 자동 생성기 (0) | 2021.11.18 |
[html] 시맨틱 태그(semantic tag)란? (0) | 2021.09.24 |
[html] 페이지간 이동하기 (0) | 2021.06.09 |