Add HTML and JavaScript files for basic function examples and billing system functionality

codeswithpankaj · codeswithpankaj · commit f1919f0e96c3 · 2025-07-14T09:27:23.000Z
diff --git a/Example/Function/Arrow functions/Example.html b/Example/Function/Arrow functions/Example.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+
+    <script>
+
+        // arrow function example
+        const greet = () => {
+            alert("Welcome to cwpc.in");
+        };
+
+
+        // calling the arrow function
+        greet();
+
+    </script>
+
+</head>
+<body>
+    
+</body>
+</html>
diff --git a/Example/Function/Arrow functions/vm_js.js b/Example/Function/Arrow functions/vm_js.js
@@ -0,0 +1,13 @@
+console.log("This is a JavaScript file for VM testing with arrow functions.");
+
+// arrow function example
+const greet = () => console.log("Good Morning");
+
+greet();
+
+// use arguments in arrow function
+const info = (Name, Age) => {
+    console.log(`My name is ${Name} and age is ${Age}`);
+}
+
+info("John", 30);
diff --git a/Example/Function/Basic Function/Billing_System.html b/Example/Function/Basic Function/Billing_System.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+
+    <script>
+ 
+
+        function bill(price,gst){
+            // convert inputs to numbers
+            price = parseFloat(price);
+            gst = parseFloat(gst);
+            gst_amount = (price * gst) / 100;
+            total = price + gst_amount;
+            document.getElementById('priceResult').innerText = price;
+            document.getElementById('gstResult').innerText = gst_amount;
+            document.getElementById('totalResult').innerText = total;
+
+        }
+
+    </script>
+
+</head>
+<body>
+
+
+    <h1>Billing System</h1>
+    <p>Enter Price: <input type="number" id="price" placeholder="Enter Price"></p>
+    <p>Enter GST Percentage: <input type="number" id ="gst" placeholder="Enter GST Percentage"></p>
+
+    <h1>bill print </h1>
+    <p>Price : <span id="priceResult"></span></p>
+    <p>GST Amount : <span id="gstResult"></span></p>
+    <p>Total Amount : <span id="totalResult"></span></p>
+
+    <button onclick="bill(document.getElementById('price').value,document.getElementById('gst').value)">Calculate Bill</button>
+
+
+
+</body>
+</html>
diff --git a/Example/Function/Basic Function/Function_Example.html b/Example/Function/Basic Function/Function_Example.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+
+    <script>
+        // basic function
+        function msg(){
+
+            alert("welcome to cwpc.in")
+
+        }
+
+        //msg();
+
+        // function with parameters
+        function add(a, b) {
+            alert("The sum of " + a + " and " + b + " is: " + (a + b));
+        }
+        
+
+        // calling the function with parameters
+        //add(5, 10);
+        //add(20, 30);
+
+
+        // return function
+        function multiply() {
+            return 900;
+        }
+
+        document.write(multiply())
+
+    </script>
+
+</head>
+<body>
+    <button onclick="msg()">Click Me</button>
+    call with parameters: <br>
+    <button onclick="add(15, 25)">Add 15 and 25</button><br>
+    <button onclick="add(100, 200)">Add 100 and 200</button><br>
+    
+</body>
+</html>
diff --git a/Example/Function/Basic Function/index_function.html b/Example/Function/Basic Function/index_function.html
