sonalichawla16 · magg99 · Apr 7, 2021 · Apr 7, 2021 · Apr 14, 2021 · Apr 14, 2021
diff --git a/JavaScript Assignment.txt b/JavaScript Assignment.txt
@@ -0,0 +1,48 @@
+Call( ): The call() method invokes a function with a given 'this' value and arguments provided one by one.
+
+Apply( ): Invokes the function and allows you to pass in arguments as an array.
+
+Bind(): returns a new function, allowing you to pass in an array and any number of arguments.Alternatively,we can say that Bind 
+is a Combination or Hybrid of Call() and Apply().
+
+We should use Call() and Apply() when we have to invoke a Function Immediately and We should use Bind() when we have to invoke a Function
+in Future.
+
+Call() Example:-
+
+var person1 = {firstName: 'Jon', lastName: 'Kuperman'};
+var person2 = {firstName: 'Kelly', lastName: 'King'};
+
+function say(greeting) {
+    console.log(greeting + ' ' + this.firstName + ' ' + this.lastName);
+}
+
+say.call(person1, 'Hello'); // Hello Jon Kuperman
+say.call(person2, 'Hello'); // Hello Kelly King
+
+Apply() Example:-
+
+var person1 = {firstName: 'Jon', lastName: 'Kuperman'};
+var person2 = {firstName: 'Kelly', lastName: 'King'};
+
+function say(greeting) {
+    console.log(greeting + ' ' + this.firstName + ' ' + this.lastName);
+}
+
+say.apply(person1, ['Hello']); // Hello Jon Kuperman
+say.apply(person2, ['Hello']); // Hello Kelly King
+
+Bind() Example:-
+
+var person1 = {firstName: 'Jon', lastName: 'Kuperman'};
+var person2 = {firstName: 'Kelly', lastName: 'King'};
+
+function say() {
+    console.log('Hello ' + this.firstName + ' ' + this.lastName);
+}
+
+var sayHelloJon = say.bind(person1);
+var sayHelloKelly = say.bind(person2);
+
+sayHelloJon(); // Hello Jon Kuperman
+sayHelloKelly(); // Hello Kelly King
diff --git a/Js cases.css b/Js cases.css
@@ -0,0 +1,14 @@
+.content{
+
+    display:flex;
+    justify-content: center;
+    align-items: center;
+}
+.buttons{
+
+    display:flex;
+    justify-content: center;
+    align-items: center;
+    margin-top: 25px;
+
+}
diff --git a/Js cases.html b/Js cases.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+<body>
+    <head>
+
+        <script src="case.js"></script>
+        <link rel="stylesheet" href="cases.css">
+    </head>
+<div class="content">
+Enter Text(Words Separated by Space): 
+<input type="text" id="myText">
+</div>
+
+<section class="buttons">
+<button onclick="myFunction1()">Uppercase</button>
+<button onclick="myFunction2()">Lowercase</button>
+<button onclick="myFunction3()">SnakeCase</button>
+<button onclick="myFunction4()">CamelCase</button>
+<button onclick="myFunction5()">KebabCase</button>
+<button onclick="myFunction6()">UpperSnakeCase</button>
+<button onclick="myFunction7()">PascalCase</button>
+
+</section>
+
+
+<p id="demo">
+
+
+</p>
+
+
+
+
+</body>
+</html>
diff --git a/Js cases.js b/Js cases.js
@@ -0,0 +1,129 @@
+//Lowercase to Uppercase
+function myFunction1() {
+    var str = document.getElementById("myText").value;
+    var res = str.toUpperCase();
+  document.getElementById("demo").innerHTML = res;
+  }
+
+  function myFunction2() {
+    var str = document.getElementById("myText").value;
+    var res = str.toLowerCase();
+  document.getElementById("demo").innerHTML = res;
+  }
+
+
+  function myFunction3() {
+
+    var str = document.getElementById("myText").value;
+
+    str=str.toLowerCase();
+
+
+        for(var i=0;i<str.length;i++){
+        str=str.replace(' ','_');
+
+        }
+        document.getElementById("demo").innerHTML=str;
+
+
+    }
+    function myFunction4() {
+
+        var j;
+        var str = document.getElementById("myText").value;
+        var temp=str.toUpperCase();
+
+        for(let i=0;i<str.length;i++){
+
+            if(str[i]==' '){
+
+                str=str.slice(0,i)+str.charAt(i+1).toUpperCase()+str.slice(i+2);
+
+
+            }
+
+        }
+        document.getElementById("demo").innerHTML=str;
+
+
+
+
+            // if(str[i]==" "){
+
+            // var j=i;  
+
+            //  }
+            // document.getElementById("demo").innerHTML=[str.slice(0, j), u, str.slice(j)].join('');
+            // document.getElementById("demo").innerHTML=str;
+
+
+
+    }
+function myFunction5() {
+
+    var str = document.getElementById("myText").value;
+
+    str=str.toLowerCase();
+
+
+        for(var i=0;i<str.length;i++){
+        str=str.replace(' ','-');
+
+        }
+        document.getElementById("demo").innerHTML=str;
+
+
+    }
+    function myFunction6() {
+
+        var str = document.getElementById("myText").value;
+
+        str=str.toUpperCase();
+
+
+            for(var i=0;i<str.length;i++){
+            str=str.replace(' ','_');
+
+            }
+            document.getElementById("demo").innerHTML=str;
+
+
+        }
+        function myFunction7() {
+
+            var j;
+            var str = document.getElementById("myText").value;
+            var temp=str.toUpperCase();
+            var up=str.charAt(0);
+            var lo=temp.charAt(0);
+            str=str.replace(up,lo);
+            for(let i=0;i<str.length;i++){
+
+                if(str[i]==' '){
+
+                    str=str.slice(0,i)+str.charAt(i+1).toUpperCase()+str.slice(i+2);
+
+
+                }
+
+            }
+            document.getElementById("demo").innerHTML=str;
+
+
+
+
+                // if(str[i]==" "){
+
+                // var j=i;  
+
+                //  }
+                // document.getElementById("demo").innerHTML=[str.slice(0, j), u, str.slice(j)].join('');
+                // document.getElementById("demo").innerHTML=str;
+
+
+
+        }
+
+
+
+
diff --git a/Mayank's Portfolio/img/Mayank 1.jpg b/Mayank's Portfolio/img/Mayank 1.jpg
diff --git a/Mayank's Portfolio/img/WhatsApp Image 2021-04-13 at 10.48.18 PM.jpeg b/Mayank's Portfolio/img/WhatsApp Image 2021-04-13 at 10.48.18 PM.jpeg
diff --git a/Mayank's Portfolio/img/WhatsApp Image 2021-04-13 at 10.51.19 PM.jpeg b/Mayank's Portfolio/img/WhatsApp Image 2021-04-13 at 10.51.19 PM.jpeg
diff --git a/Mayank's Portfolio/img/WhatsApp Image 2021-04-13 at 10.54.52 PM.jpeg b/Mayank's Portfolio/img/WhatsApp Image 2021-04-13 at 10.54.52 PM.jpeg
diff --git a/Mayank's Portfolio/index.css b/Mayank's Portfolio/index.css
@@ -0,0 +1,43 @@
+
+#heading{
+
+    text-align: center;
+}
+.text1{
+
+
+    padding: 15px;}
+#section2{
+
+    text-align: center;
+}
+#section3{
+
+    text-align: center;
+}
+
+.skills{
+
+    text-align: center;
+}
+.skill{
+
+    text-align: center;
+    padding: 15px;
+}
+.projects{
+
+    text-align: center;
+}
+#abc{
+
+    align-items: center;
+
+}
+.footer{
+
+    text-align: center;
+
+}
+
+