자바 스크립트 입문자가 매우 간단한 영어 가상 키보드를 만든 방법

 안녕하세요? 어쩔수입니다.


 저는 자바 스크립트를 배우기 시작한 지 아직 한 달이 되지 않은 자바 스크립트 입문자입니다. 비록 초보인 제가 만들어서 미흡한 점이 많지만 다른 초보들이 간단한 가상 키보드를 만드는 데에 작은 도움이 될 수 있을 것 같아 만든 방법을 공유하려고 합니다. 저도 방법을 찾느라 많이 찾아보고, 헤맸거든요. 다만, 영어 버추얼 키보드라서 한글 키보드를 만드시려는 분께는 큰 도움이 안 될 것 같습니다.


 위의 캡쳐 화면이 제가 만든 가상 온스크린 키보드입니다. 버튼 클릭을 통해 인풋 박스에 입력되면 복사 버튼을 눌러서 클립보드에 복사하는 프로그램입니다.
 프랑스어, 스페인어 등 악센트 마크가 있는 알파벳이 포함된 언어를 사용하는 국가에 있는 사람들이 키보드에 악센트 마크가 없을 때 간단히 복사 붙여 넣기 할 수 있도록 만든 사이트입니다.
 통화 기호를 모아 놓은 페이지도 있습니다.

웹에서 직접 보고 싶으신 분은 링크를 타고 들어가 주세요.


제가 위의 사이트에서 사용한 코드 중 일부를 여기에서 이 페이지에 직접 구현해보겠습니다.
아래의 '감사합니다' 버튼을 눌러보세요.




아래는 제가 쓴 코드입니다.

.js 파일

function addText1() {
    var input = document.getElementById('something');
    input.value = input.value + '감사합니다';
}

.html 파일

<button id="URGENT" onclick="addText1()" type="button"><h2>감사합니다</h2></button>

Comments

Popular posts from this blog

재밌는 성향 테스트 소개 - 나와 비슷한 위인 찾기 (심리/성향 테스트)

구글 블로그스팟에 <쿠팡파트너스> '다이나믹 배너' 삽입하기

구글 블로그 스팟에 카카오 애드핏 삽입하는 방법