CREATING A SIMPLE UI IN HTML 6.2

           6th Day 

        Friends we have already know that about IIFE concept so using this concept
         we will make SIMPLE UI IN HTML
                    We are using here IIFE Concept
                   
Using this concept we are making objects in UI.  
                   
This is the whole process of creating a simple UI                 
  <html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // We are using here IIFE Concepts.
       var customerNameSpace= (function(){
          function _Customer (){
              _name="";
              _address="";
              _add = function(){
                  alert(_name +""+_address);
              }
              return{
            
             add:_add
              }
              
          }
          return{
                  Customer:_Customer
              }
        })();
        // Here we are making objects
        function CreateCustomer(){
        var Customer=new customerNameSpace.Customer();
        Customer.name ="Raushan";
        Customer.add();
        Customer.add();
        alert(this.name);

        }
        
    </script>
   Customer Name <input type="text" name="" id="txtName"><br> 
   Customer address <textarea name="" id="" cols="30" rows="10"></textarea><br>
   <input type="button" value="Add Customer"onclick="CreateCustomer()"><br>
</body>
</html>

Output: 

To know in more detail to this concept. click here


Thank You....






          

VISUAL STUDIO CODE INSTALLATION 6.1

  6th Day                                                                            



  • Hey Guys Welcome to my 6th day of Blog writing, I'm last year student from Shiva ji University, Kolhapur. This post has been posted for beginners and professionals both and new post will have to be updated on Every Saturday & Sunday.
       

                       

                                                              

       Steps to install the VS Code on Windows 10

        1. Download the Setup File

                 https://code.visualstudio.com/

 2. Run the VS code Setup Wizard  

  •    Close All Other Applications before the VS code installation starts     

   Accept the License Agreement 

  Select the Installation Location 

        

Placing the Shortcuts

 

 Selecting Additional Tasks

 

    •                                     Install VS code on Windows 10                                                                                                                                                                                     
    •                                              Finish and Launch                                                                                                                                                                                                                                                                                                                                 



                                   Thank You...


                      

 

CLOSURES 5

      5th Day                                                                                        See the source image

  • Hey Guys Welcome to my 5th day of Blog writing, I'm last year student from Shiva ji University, Kolhapur. This post has been posted for beginners and professionals both and new post will have to be updated on Every Saturday & Sunday.

  • HEY GUYS,WHAT DO YOU UNDERSTAND ABOUT  CLOSURES IN JS?
  • It means a closure can access variables and arguments of its outer function even after the function has finished.
  • Closure means, A function exist inside the another function. 
  • For Example , Syntax: var V= (function ( ) {      } ) ( ); This is the function.
  • Here we taking function inside another function like 
              
                  var math=   (function ( ) 
                    {       
         function Add ( ) {} //  function inside another function

                  function Substract ( ) {} // function inside another function

                  function Multiplication ( ) {} //  function inside another function

           } ) ( );
                            This concept is known as Closures. For Example

                      

       Explanation:
       So friends in above example, we have taken a function inside another function:
       var Math=(function ( ) { }) ( ); 
       Its inside we have taken another function which will be private like: 
       function _Add(num1,num2) { return num1+num2}
       Here Public function is : return {  Add: _Add  }
       var output= Math.Add(1,2) ,It is Developer client which is invoke my method.
        Output:
          

                                                           Thank You...