javascript getElementById() 텍스트 가져오기 안녕하세요. 오늘은 javascript getElementById()를 사용해서 Text값을 가져와보겠습니다. 예제 코드. 실행 결과. 예제 코드. 코드는 아래와 같습니다. 버튼을 누르면 input 태그의 value값을 가져오는 아주 간단한 자바스크립트 코드입니다. 누르면 텍스트를 console에 표시. 실행 결과. 위의 코드를 실행한 결과사진입니다. html 파일을 열면 아래 사진처럼 간단하게 구성된 사이트가 보입니다. F12를 눌러 개발자 도구를 열고 button을 눌러 만들어놓은 자바스크립트 함수를 실행합니다. 한번 실행하고 input 태그의 value값을 바꿔 다시 시도해보았습니다. [프로그래밍/웹사이트] - javascript 팝..
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('..
