초기화 버튼을 누르면
다시쓰기를 하시겠습니까? 라는 confirm을 띄우고
확인 👉 수정 전 상태로 초기화 + 선수 이름 드래그(블록) 설정
<div>
<input type="button" value="수정" onclick="check();">
<input type="button" value="초기화" onclick="rtn();"></input>
</div>
onclick="" 속성에 실행할 함수를 적어주고
<script>
function rtn(){
if(confirm("다시쓰기를 하시겠습니까?")){
f.reset(); //페이지 초기화
f.player_name.select(); //이름 블록
} else return;
}
</script>
.
.
.
<form action="updatePro.jsp" name="f" method="post">
<table>
<tr>
<th>이름</th>
<td><input type="text" name="player_name" value="<%=player_name%>" size="25"></td>
</tr>
</table>
</form>
body 밖에서 코드를 작성해주면
성공 !!!!!
<div>
<input type="button" value="초기화" onclick="if(!confirm("초기화 고?")){return false}"></input>
</div>
이렇게 안에서 바로 작성해도 되지만
코드가 길어지면 지저분해진다
<script>
funtion return(){
}
</script>
.
.
.
<div>
<input type="button" value="초기화" onclick="return();"></input>
</div>
👆 함수명을 return으로 작성했는데 기존에 있는 명령어라서? 안 됨 마찬가지로 confirm으로 해도? 당연함 안 됨
<script>
function rtn(){
if(confirm("다시쓰기를 하시겠습니까?")){
reset();
f.player_name.select();
} else return;
}
</script>
👆 reset(); 앞에 f.
를 적지 않아서 안 됨