10월 2일 현재상황
수정된 상황이다. document.getElementById("in").addEventListener("click", function(){ let c = confirm("출근을 선택하셨습니다. 그래도 하시겠습니까?"); }); document.getElementById("질병").addEventListener("click", function(){ let w = confirm("질병을 선택하셨습니다. 그래도 하시겠습니까?"); }); 로 수정했다. 그리고출석체크 function setClock(){ let today=new Date(); let e =today.toString(); document.getElementById("clock").innerHTML=e; }setInterval('setClock()',1000);//1초마다 번복한다 setClock(); 지각하지않기!! 오전/오후 오전 출석체크 출석 document.getElementById("출석").addEventListener("click", function(){ var dialog = document.createElement("div");//다이얼 로그를 생성한다 dialog.innerHTML = "인정결석 또는 결석 하시겠습니까?인정결석결석";//다이알로그의 내용을 설정한다. dialog.style.position = "absolute";//다이얼로그의 위치 설정 dialog.style.backgroundColor = "white"; dialog.style.border = "1px solid black"; dialog.style.padding = "10px"; dialog.style.left = "50%"; dialog.style.top = "50%"; dialog.style.transform = "translate(-50%, -50%)"; document.body.appendChild(dialog); document.getElementById("인정결석").addEventListener("click", function(){ // 인정결석을 선택한 경우의 작업 alert("인정결석 처리 완료!"); // 데이터베이스에 보내는 작업 추가 document.body.removeChild(dialog); }); document.getElementById("결석").addEventListener("click", function(){ // 결석을 선택한 경우의 작업 alert("결석 처리 완료!"); // 데이터베이스에 보내는 작업 추가 document.body.removeChild(dialog); }); }); 인정결석 출근 질병 // let y=console.log("을 선택하셨습니다 그래도 하시겠습니까?") document.getElementById("in").addEventListener("click",function(){ let c =confirm("출근을 선택하셨습니다. 그래도 하시겠습니까?") }); document.getElementById("질병").addEventListener("click",function (){ let e=confirm("질병을 선택하셨습니다. 그래도 하시겠습니까?");}) document.getElementById("기타1").addEventListener("click",function(){ let r=prompt("기타사유를 입력하세요"); if(r){ let UIF=document.createElement("input");//입력 요소에 들어갈 타입 지정 여기선 "Text"지정 UIF.type="text"; UIF.id="기타사유" document.body.appendChild(UIF); let IB=document.getElementById("기타사유"); IB.innerHTML="입력"//IB의 내부 HTML을 입력으로설정 IB.addEventListener("click",function(){ let r=document.getElementById("기타사유");//기타사유에 입력된 텍스트를 가져온다. if(r){ let t=confirm("기타사유:"+r+"입니까?"); if(t){ //데이터 베이스로 보낸다 } else{ confirm("취소 하시겠습니까?");{ if(true){ alert("취소 완료했습니다."); document.body.removeChild(inputField); // 입력 필드 삭제 document.body.removeChild(inputButton); // 입력 버튼 삭제 } } } } })}}) 에서 출석버튼과 인정결석버튼을 눌러을떄 이벤트를 처리하는 함수와 메소드를 추가했다