use our library

ashfaq · ashfaq · commit da7e783e6bb2 · 2018-12-03T17:15:54.000+05:30
diff --git a/Greetr.js b/Greetr.js
@@ -1,4 +1,5 @@
-(function (global, $) {
+// If the other library injected before this didn't put semicolon at the end 
+;(function (global, $) {
 
   var Greetr = function (firstName, lastName, language) {
     return new Greetr.init({ firstName, lastName, language })
@@ -61,6 +62,24 @@
       this.language = newlanguage;
       this.validate();      
       return this
+    },
+
+    HTMLGreeting: function(selector, formal){
+      if(!$){
+        throw new Error("jQuery not found");
+      }
+      if(!selector){
+        throw new Error('misssing jQuery Selector ')
+      }
+      var msg;
+      if(formal){
+        msg = this.formalGreetings()
+      }else{
+        msg = this.greeting()
+      }
+
+      $(selector).html(msg); 
+      return this;
     }
   };
 
@@ -69,6 +88,7 @@
     self.firstName = firstName;
     self.lastName = lastName;
     self.language = language;
+    this.validate();
     return self
   };
 
diff --git a/app.js b/app.js
@@ -4,9 +4,17 @@ g.greet();
 
 // g.setLanguage("SDSD"); // unsupported language
 
-g.greet().greet(); // chanable functions
+// Used our chainable functions
+g.greet().greet();
 
 
 g.setLanguage('es');
 
-g.greet().log();
+g.greet().log();
+
+$('#login').click(function(){
+  var loginGreetr = G$('ashfaq', 'ansari', 'en'); 
+  // hide login from the screen
+  $('#logindiv').hide();
+  loginGreetr.setLanguage($('#language').val( )).HTMLGreeting('#greeting', true).log()
+})
diff --git a/framework.html b/framework.html
@@ -3,8 +3,15 @@
         
     </head>
     <body>
-            <meta charset="utf-8"/>
-
+        <meta charset="utf-8"/>
+        <div class="logindiv" id="logindiv">
+            <select id="language">
+                <option value='en'>en</option>
+                <option value='es'>es</option>
+            </select>
+            <input type="button", value="Login" id="login"/>
+        </div>
+        <h1 id="greeting" ></h1>
         <script src="jquery-3.3.1.js"></script>
         <script src="Greetr.js"></script>
         <script src="app.js"></script>
