diff --git a/i18n.js b/i18n.js
new file mode 100644
index 0000000..3ed2fcb
--- /dev/null
+++ b/i18n.js
@@ -0,0 +1,28 @@
+var arrlang={
+    'en':{
+        'description':"Add a stranger's phone number to your WhatsApp in three step!",
+        'country-code':'Country code',
+        'phone-number':'Phone numberPhone number',
+        'add':'Add to WhatsApp'
+
+    },
+    'zh':{
+        'description':"在三步之內在你的WhatsApp中加一個陌生人的電話號碼",
+        'country-code':'國家號碼',
+        'phone-number':'電話號碼',
+        'add':'加到WhatsApp'
+
+    }
+}
+window.onload=(i18n)
+function i18n()
+{
+    var userLang = navigator.language || navigator.userLanguage; 
+    userLang = userLang.substring(0,2) ;
+    for(var i=0;i<6;i++){
+      if(document.getElementsByTagName('span')[i].getAttribute('for')){
+      document.getElementsByTagName('span')[i].innerHTML = arrlang[userLang][document.getElementsByTagName('span')[i].getAttribute('for')];
+      }
+    }
+}
+ 
\ No newline at end of file
diff --git a/index.html b/index.html
index 75261ac..c48508e 100644
--- a/index.html
+++ b/index.html
@@ -9,6 +9,7 @@
         <meta name="msapplication-TileColor" content="#ffc40d">
         <meta name="application-name" content="WhatsAdd">
         <meta name="apple-mobile-web-app-title" content="WhatsAdd">
+        <script src='i18n.js'></script>
         <link rel="manifest" href="manifest.json">
         <link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png">
         <link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
@@ -30,7 +31,7 @@
         <div class="ts bottom attached large heading padded slate">
             <div class="ts very narrow container">
                 <span class="header">WhatsAdd</span>
-                <span class="description">Add a stranger's phone number to your WhatsApp in three step!</span>
+                <span class="description" for="description">Add a stranger's phone number to your WhatsApp in three step!</span>
             </div>
         </div>
 
@@ -40,20 +41,20 @@
                     <form id="whatsadd-form" class="ts form" action="javascript:formSubmit();" method="GET" autocomplete="off">
                         <div class="fields">
                             <div class="five wide required field">
-                                <label for="country-code">Country code</label>
+                                <label ><span for="country-code">Country code</span></label>
                                 <div class="ts labeled input">
                                     <div class="ts basic label">+</div>
-                                    <input id="country-code" tabindex="0" type="tel" maxlength="3" pattern="[0-9]+" placeholder="852" required autofocus>
+                                    <input id="country-code" tabindex="0" type="tel" maxlength="3" pattern="[0-9]+" placeholder="852" autofocus>
                                 </div>
                             </div>
                             <div class="eleven wide required field">
-                                <label for="phone-number">Phone number</label>
+                                <label ><span for="country-code">Phone number</span></label>
                                 <input id="phone-number" tabindex="0" type="tel" maxlength="15" pattern="[0-9]+" placeholder="68977740" required>
                             </div>
                         </div>
                         <div class="fields">
                             <button id="submit-button" tabindex="0" type="submit" class="ts primary right floated labeled icon button">
-                                <i class="whatsapp icon"></i>Add to WhatsApp
+                                <i class="whatsapp icon"></i><span  for='add'>Add to WhatsApp</span>
                             </button>
                         </div>
                     </form>
@@ -127,13 +128,15 @@
             function formSubmit() {
                 var whatsaddForm = document.getElementById("whatsadd-form");
 
-                var countryCode = whatsaddForm.querySelector("#country-code");
-                var phoneNumber = whatsaddForm.querySelector("#phone-number");
+                var countryCode = whatsaddForm.querySelector("#country-code").value;
+                var phoneNumber = whatsaddForm.querySelector("#phone-number").value;
 
-                whatsadd(countryCode.value + phoneNumber.value, true);
+                //default country code = 852
+                countryCode==''?countryCode=852:countryCode
+                whatsadd(countryCode + phoneNumber, true);
 
-                countryCode.value = "";
-                phoneNumber.value = "";
+                countryCode = "";
+                phoneNumber = "";
             }
         </script>
         <script src="tocas.js" type="application/javascript"></script>
diff --git a/whatsadd.js b/whatsadd.js
index 5414814..a01a28c 100644
--- a/whatsadd.js
+++ b/whatsadd.js
@@ -1,9 +1,9 @@
 const baseUrl = "https://api.whatsapp.com/send?phone=";
 
 function whatsadd(phoneNumber, newTab) {
-    whatsappUrl = baseUrl + phoneNumber;
+    var whatsappUrl = baseUrl + phoneNumber;
 
-    if (newTab == true) {
+    if (newTab) {
         var whatsappTab = window.open(whatsappUrl, "_blank");
         whatsappTab.focus;
     } else {