<html>
<head>
<script src="https://code.jquery.com/jquery-3.4.1.js"
integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
<script>
$(document).ready(() => {
$('button').on('click', () => {
if (!$("#clientID").val()) {
alert('App ID를 입력해주세요!');
$("#clientID").focus();
} else if (!$("#callBack").val()) {
alert('Callack URL를 입력해주세요!');
$("#callBack").focus();
} else {
var clientID = $("#clientID").val();
var callBack = $("#callBack").val();
var url = 'https://www.tistory.com/oauth/authorize?client_id=' + clientID + '&redirect_uri=' + callBack + '&response_type=token';
window.open(url, '', 'width=1000,height=300,left=100,top=100');
}
});
});
</script>
</head>
<body>
<input type="text" id="clientID" placeholder="clientid 입력">
<input type="text" id="callBack" placeholder="callbackurl 입력">
<button>보내기</button>
</body>
</html>