Name : Ansh Jadav
JavaScript Assignment
Part A : 1. Variables & Data Types
// Part A : 1
let name="Ansh";
const birthYear=2004
let learningStatus=true;
let favoriteProgrammingLanguage="python";
let intern_details={
name:"Ansh",
age:21,
bloodGrp:"O+"
}
[Link]("Data type: " + typeof(name) + ", Example:" + name);
[Link]("Data type: " + typeof(birthYear) + ", Example:" +
birthYear);
[Link]("Data type: " + typeof(learningStatus) + ", Example:" +
learningStatus);
[Link]("Data type: " + typeof(favoriteProgrammingLanguage) + ",
Example:" + favoriteProgrammingLanguage);
[Link]("Data type: " + typeof(intern_details) + ", Example:" ,
intern_details);
Part A : 2. Array & Object Operations
// Part A : 2
let products=[
{
id:1,
productName:"Cookies",
Name : Ansh Jadav
price:35,
inStok:true
},
{
id:2,
productName:"Soap",
price:35,
inStok:true
},
{
id:3,
productName:"Oranges",
price:20,
inStok:true
}
]
//Add new object to array
[Link]({
id:4,
productName:"Apple",
price:20,
inStok:false
});
// update price of product
for ( let prod of products){
if ([Link] === 2){
[Link]=40;
}
}
// print all products name
[Link]("Product names : ")
for (let prod of products){
[Link]([Link]);
}
// filter products which are in stock
[Link]("Product which are in stock: ")
let inStockProd = [Link](products => [Link]);
Name : Ansh Jadav
[Link](inStockProd)
[Link]("Product details : ")
[Link](products)
Part A : 3. Conditional Logic
// Part A : 3
let num=prompt("Enter any number: ");
let num=25;
if(num>0){
[Link]("Positive");
}
else if (num<0){
[Link]("Negative");
}
else{
[Link]("Zero");
}
Name : Ansh Jadav
Part A : 4. Loops
// Part A : 4
for(let i=1 ;i<=20;i++){
[Link](i + " ");
}
[Link]()
// display all even numbers in range(1,20)
for(let i=1 ;i<=20;i++){
if (i%2===0){
[Link](i + " ");
}
}
[Link]()
// display number in reverse in range(1,10)
for(let i=10 ;i>0;i--){
[Link](i + " ");
}
Part A : 5. Functions
// Part A : 5
// function 1
let cel=100;
let convertCelsiusToFahrenheit = (cel) => {
return (cel*1.8)+32
Name : Ansh Jadav
}
[Link](convertCelsiusToFahrenheit(cel))
// //function 2
let checkEvenOdd = (num) => {
if(num%2===0){
return "even";
}
else{
return "odd";
}
}
[Link](checkEvenOdd(25));
// [Link]()
let giveLargestNumber = (num1, num2) => {
if (num1 > num2){
return num1;
}
else{
return num2;
}
}
[Link]("Largest number is :" , giveLargestNumber(23,-23))
Name : Ansh Jadav
Part B
1. Count Vowels in a String
// Part B: 1
// count number of vowels
str="Javascript"
let vowels=["a","e","i","o","u"];
cnt=0
let countVowel = (str) => {
for(let ch of [Link]()){
if ([Link](ch)){
cnt+=1;
}
}
return cnt;
}
[Link]("Number of vowels are : "+ countVowel(str));
2. Reverse an Array
// Part B: 2
// reverse an array
let nums=[1,2,3,4,5,6,7,8,9];
let fst=0;
let lst=[Link]-1;
let reverseArray = (nums) =>{
while(fst<lst){
let temp=nums[fst];
nums[fst]=nums[lst];
nums[lst]=temp;
Name : Ansh Jadav
fst+=1;
lst-=1;
}
return nums
[Link](reverseArray(nums))
3. Second Largest Number
// Part B: 3
// Second largest number
let nums=[10,20,30,40]
let largestNum=-Infinity;
let secondLargestNumber=-Infinity;
for(let num of nums){
if (num>largestNum){
secondLargestNumber=largestNum;
largestNum=num;
}
else if (num<largestNum && num>secondLargestNumber){
secondLargestNumber=num;
}
}
[Link]("second largest number is : " , secondLargestNumber)
Name : Ansh Jadav
4. Remove Duplicate Elements
// Part B: 4
// remove duplicate elements
let nums=['a','d','e','e','a'];
let res=[];
let removeDuplicate=(nums)=>{
for (let ele of nums){
if(){
[Link](ele);
}
}
return res
}
[Link](removeDuplicate(nums))
5. Palindrome Check
// Part B: 5
// palindrome check
let checkPalindrome = (str) =>{
fst=0
lst=[Link]-1
while(fst<lst){
if(str[fst]===str[lst]){
fst+=1;
lst-=1;
continue;
}
else{
Name : Ansh Jadav
return false;
}
}
return true;
}
let pal=(checkPalindrome("madaaam"));
[Link](pal)
6. Longest Substring Without Repeating Characters
// Part B: 6
// Longest Substring Without Repeating Characters
let s="aaabbsdert"
function longestSubstring(s){
let left =0;
let maxLen=0;
let setChar= new Set();
for(let right=0;right<[Link];right++){
while([Link](s[right])){
[Link](s[left]);
left++;
}
[Link](s[right]);
maxLen= [Link](maxLen, (right - left)+1);
}
Name : Ansh Jadav
return maxLen;
[Link](longestSubstring(s));
7. Merge Two Sorted Arrays
// Part B: 7
// merge two sorted array
let num1=[1,2,3,4,10,23,67];
let num2=[4,5,6,90,120];
let ptr1=0;
let ptr2=0;
let res=[];
while(ptr1<[Link] && ptr2<[Link]){
if(num1[ptr1]<num2[ptr2]){
[Link](num1[ptr1]);
ptr1++;
}
else if (num1[ptr1]>num2[ptr2]){
[Link](num2[ptr2]);
ptr2++;
}
else{
[Link](num1[ptr1]);
ptr1++;
ptr2++;
}
}
Name : Ansh Jadav
while(ptr1<[Link]){
[Link](num1[ptr1]);
ptr1++;
}
while(ptr2<[Link]){
[Link](num2[ptr2]);
ptr2++;
}
[Link](res);
8. Longest Common Prefix
// Part B: 8
// longest common prefix
let arr=["interview", "internet", "internal"] ;
[Link]()
let i=0;
let first=arr[0];
let last=arr[([Link])-1];
while (i<[Link] && i<[Link] && first[i]===last[i] ){
i++;
}
[Link]([Link](0,i));
Name : Ansh Jadav
Part C : Mini Project ( TODO List )
[Link]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"
/>
<title>Todo Application</title>
<link rel="stylesheet" href="[Link]" />
</head>
<body>
<div class="app">
<h1>Enter Task Todo</h1>
<div class="text-input">
<input type="text" id="todo-input" placeholder="Enter a task..." />
<button id="btn">Add</button>
</div>
<ul id="todo-list">Task Tracking</ul>
</div>
<script src="[Link]"></script>
</body>
</html>
Name : Ansh Jadav
[Link]
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: Arial, sans-serif;
}
body {
background: #0d0327;
height:100vh;
display: flex;
justify-content: center;
align-items: center;
}
.app {
background: rgb(57, 24, 116);
padding: 25px;
border-radius: 10px;
width: 350px;
box-shadow: 0 5px 15px rgba(19, 3, 3, 0.1);
}
h1 {
text-align: center;
margin-bottom: 20px;
color: #cac8e2
}
.text-input {
display: flex;
gap: 10px;
}
input {
flex: 1;
padding: 8px;
font-size: 16px;
Name : Ansh Jadav
button {
padding: 8px 12px;
cursor: pointer;
border: none;
background: #4f46e5;
color: white;
border-radius: 5px;
}
button:hover {
opacity: 0.9;
}
#todo-list{
background-color: rgb(124, 135, 185);
padding: 10px;
display:block;
color: rgb(51, 8, 8);
}
ul {
list-style: none;
margin-top: 20px;
}
li {
background: #eee;
padding: 8px;
margin-bottom: 8px;
border-radius: 5px;
display: flex;
justify-content: space-between;
align-items: center;
}
[Link] {
text-decoration: line-through;
opacity: 0.6;
}
.delete-btn {
Name : Ansh Jadav
background: crimson;
padding: 4px 8px;
font-size: 12px;
}
[Link]
const input = [Link]("todo-input");
const addBtn = [Link]("btn");
const list = [Link]("todo-list");
// Add task
[Link]("click", () => {
const taskText = [Link]();
if (taskText === "") {
alert("Please enter a task!");
return;
}
createTodo(taskText);
[Link] = "";
});
// Create new todo item
function createTodo(text) {
const li = [Link]("li");
const span = [Link]("span");
[Link] = text;
[Link]("click", () => {
[Link]("completed");
});
const deleteBtn = [Link]("button");
[Link] = "X";
Name : Ansh Jadav
[Link]("delete-btn");
[Link]("click", () => {
[Link]();
});
[Link](span);
[Link](deleteBtn);
[Link](li);
}
Output :
