Changes between Version 40 and Version 41 of 한영타변환기

Timestamp:

Feb 19, 2021, 9:47:19 AM (3 years ago)

Author:

YT Hwang

Comment:

입력란 비우기, 결과 복사 버튼을 추가

한영타변환기

@@ -13 +13 @@
 
  * (12/09/19) 여러 브라우저에서 사용할 수 있도록 JavaScript로 변환하였습니다.
+ * (21/02/19) 입력란 비우기, 결과 복사 버튼을 추가했습니다.
 
 {{{#!html
@@ -23 +24 @@
 }}}
 {{{#!table id="convform"
-||= 문장 입력:=||[[html(<textarea id="txtSource" rows="4" cols="60" onKeyUp="doConvert();"></textarea>)]]||
-||||  [[html(<input type="radio" id="optEtoH" name="Mode" checked="checked" onClick="doConvert();"><label for="optEtoH">영타 → 한글</label>)]][[span( )]][[html(<input type="radio" id="optHtoE" name="Mode"><label for="optHtoE" onClick="doConvert();">한타 → 영문</label>)]]  ||
-||= 변환 결과:=||[[html(<textarea id="txtConv" rows="4" cols="60" readonly="readonly"></textarea>)]]||
+||= 문장 입력:=||[[html(<textarea id="txtSource" rows="4" cols="60" onKeyUp="doConvert();"></textarea>)]]||  [[html(<button onClick="clearText();">비우기</button>)]]  ||
+||||||  [[html(<input type="radio" id="optEtoH" name="Mode" checked="checked" onClick="doConvert();"><label for="optEtoH">영타 → 한글</label>)]][[span( )]][[html(<input type="radio" id="optHtoE" name="Mode" onClick="doConvert();"><label for="optHtoE">한타 → 영문</label>)]]  ||
+||= 변환 결과:=||[[html(<textarea id="txtConv" rows="4" cols="60" readonly="readonly"></textarea>)]]||  [[html(<button onClick="copyResult();">복사</button>)]]  ||
 }}}
 {{{#!html
@@ -37 +38 @@
 
 function doConvert() {
-        if (optEtoH.checked)
-                txtConv.value = engTypeToKor(txtSource.value);
-        else
-                txtConv.value = korTypeToEng(txtSource.value);
+        const srcElem = document.getElementById("txtSource");
+        const destElem = document.getElementById("txtConv");
+
+        if (optEtoH.checked) {
+                destElem.value = engTypeToKor(srcElem.value);
+        } else {
+                destElem.value = korTypeToEng(srcElem.value);
+        }
 }
 
@@ -359 +364 @@
         return res;
 }
+
+function clearText() {
+        const srcElem = document.getElementById("txtSource");
+        const destElem = document.getElementById("txtConv");
+
+        srcElem.value = "";
+        destElem.value = "";
+}
+
+function copyResult() {
+        const destElem = document.getElementById("txtConv");
+        destElem.select();
+        const res = document.execCommand("copy");
+        if (!res) {
+                window.alert("결과를 복사할 수 없습니다.");
+        }
+}
 -->
 </script>