javascript 팝업창 alert(), prompt(), confirm(). 안녕하세요. 오늘은 자바스크립트로 팝업창을 띄워볼겁니다. 제목에도 써놓았지만 alert(), prompt(), confirm()이 세 가지 함수를 이용해보겠습니다. 3가지 함수를 사용한 예제 코드. 간단한 코드 설명. 실행 결과. 3가지 함수를 사용한 예제 코드. 코드는 아래와 같습니다. 간단한 코드 설명. alert()은 경고창을 띄워주는 함수입니다. prompt는 사용자에게 입력값을 받을 수 있게 해주는 함수입니다. confirm은 확인 또는 취소창을 사용해야 할 때 사용하는 함수입니다. 실행 결과. 위의 팝업창 예제 코드를 실행한 결과입니다. 해당 코드를 입력한 html 파일을 열고 f12를 눌러 개발자 도구를 열어줍니..
Javascript 이미지 DataURL변환 안녕하세요. 오늘은 JavaScript로 이미지를 DataURL로 변환해보겠습니다. 자바스크립트 코드. 결과. 자바스크립트 코드. 처음에는 이 코드를 사용했는데 코드에는 별 문제가 없어보였는데 제가 원하는 결과를 출력해주지는 않았습니다. 캔버스에 못그리는건가..? (source라는 id를 가진 요소가 있어야함.) function getBase64Image() { var c = document.createElement('canvas'); var img = document.getElementById('source'); c.height = img.naturalHeight; c.width = img.naturalWidth; var ctx = c.getContext('..
자바스크립트 html시계. 안녕하세요. 오늘은 제가 평소에 쓰던 웹시계의 광고와 디자인이 마음에 들지 않아서 제가 만들어 봤습니다. html+자바스크립트+css로 만들었으며 조금 허접합니다. 전체 코드 시간 나타내기. 시간 갱신. 전체 코드(미완성입니다.) 코드는 아래와 같습니다. 코드 파일은 깃허브에서 다운받으실 수 있습니다. (귀찮아서 나중에 링크 올릴게요.) 더보기 1. index.html clock project - yunminseong 현재시간 오전오후 00:00 년,월,일,요일 List 시간저장 fullsize × 시간저장 저장된시간 Credit by Development time = 19.12.21 ~ 19.12.22 Development staff = yunminseong 2. clock...
[wargame.kr] fly me to the moon 문제풀이 안녕하세요. 오늘은 wargame.kr이라는 사이트의 fly me to the moon문제를 풀어보려고 합니다. 웹 해킹 fly me to the moon 문제풀이 [191점] 문제 제목은 fly me to the moon이고 javascript game문제입니다. 일단 start를 눌러 시작하겠습니다. start를 누르니 게임이 하나 보입니다. 일단 대충 해보겠습니다. 마우스로 왔다 갔다 하면서 옆의 벽을 피하는 게임이네요. 그런데 문제는 달성해야 하는 점수가 31337입니다. 흐으으음... 제가 직접 게임해서는 절대 저기까지 못 갈 것 같네요. 자바스크립트 게임이라고 했으니 코드 수정을 통해서 해결해보겠습니다. f12(개발자 도구)로 ..