Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Submitting task-1 of day-1. Basic javascript operations. #11

Open
wants to merge 4 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
21 changes: 21 additions & 0 deletions Day 1/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
<html>
<head>
<!-- <script>
function updateDiv2(){
var divToUpdate = document.getElementById("div2");
divToUpdate.innerHTML = "Updated the content on mouse click on div 1";
}
</script> -->
<script src="main.js"></script>
</head>
<body>
<div id="div1" onclick=updateDiv2()>
This is div 1.
</div>
<div id="div2">
This is div 2.
</div>
<button onClick="alert('Alert Display box !');">Alert</button>
<button onClick="print()">Print</button>
</body>
</html>
5 changes: 5 additions & 0 deletions Day 1/main.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
function updateDiv2(){
console.log("Upadting content of div tag with id=div2");
var divToUpdate = document.getElementById("div2");
divToUpdate.innerHTML = "Updated the content on mouse click on div 1";
}
22 changes: 22 additions & 0 deletions Day 2/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
<html>
<head>
<!-- <script>
function updateDiv2(){
var divToUpdate = document.getElementById("div2");
divToUpdate.innerHTML = "Updated the content on mouse click on div 1";
}
</script> -->
<script src="main.js"></script>
</head>
<body>
<div id="div1" onclick=updateDiv2()>
This is div 1.
</div>
<div id="div2">
This is div 2.
</div>
<input id="field1" style="visibility:hidden;">
<button onClick="alert('Alert Display box !');">Alert</button>
<button onClick="print()">Print</button>
</body>
</html>
89 changes: 89 additions & 0 deletions Day 2/main.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,89 @@
function updateDiv2(){
console.log("Upadting content of div tag with id=div2");
var divToUpdate = document.getElementById("div2");
var inputField = document.getElementById("field1");
divToUpdate.style.fontSize = 12;
divToUpdate.style.display = 'inline';
inputField.style.visibility = "visible";
inputField.value = "Value upadted"
divToUpdate.innerHTML = "Updated the content on mouse click on div 1";
}

day2Array();
day2Map();
day2Set();

function day2Array(){
let arr = [1,2,4,62,0,4,-20];
let sortArr = arr.sort(function(a,b){return b-a;});
console.log(sortArr)

arr = [{id:'1',fname:'Aaditya',lname:'Khetan'},{id:'2',fname:'John',lname:'Smith'},{id:'3',fname:'Mark',lname:'Stake'}]
sortArr = arr.sort(function(a,b){return b.fname < a.fname});
console.log(sortArr);
let len = arr.length
for(let i in arr){
//console.log(arr[obj].fname);
//console.log(i);
printFullName(arr[i]);
}
console.log("using for each loop");
arr.forEach(printFullName);
}

function printFullName(j){
console.log(j.fname + " " + j.lname);
}

function day2Map(){
let map = new Map();
for(let i=0;i<10;i++){
map.set(i,`hello ${i}`);
}
for(let item of map.keys()){
console.log(item);
}
for(let item of map.values()){
console.log(item);
}
for(let item of map.entries()){
console.log(item);
}

map.forEach((value,key)=>{
console.log(`${key} : ${value}`);
})

let obj = {
name: "Aaditya",
age: 21
};

let map1 = new Map(Object.entries(obj));

console.log( map1.get('age') );
}

function day2Set(){
let set = new Set(["oranges", "apples", "bananas"]);

for (let value of set) console.log(value);

console.log("**********************");

set.forEach((value) => {
console.log(value);
});

console.log("**********************");

for(let item of set.keys()){
console.log(item);
}

console.log("**********************");

for(let item of set.values()){
console.log(item);
}
}
6 changes: 6 additions & 0 deletions Day 3/demofile1.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
<html>
<body>
<h1>My Header</h1>
<p>My paragraph.</p>
</body>
</html>
24 changes: 24 additions & 0 deletions Day 3/myFirstModule.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
const http = require('http');
const fs = require('fs')
const hostname = '127.0.0.1';
const port = 8080;

const server = http.createServer((req, res) => {
fs.readFile('demofile1.html',function(err,data){
res.writeHead(200,{'Content-Type': 'text/html'});
res.write(data);
return res.end()
});
fs.appendFile('mynewfile1.txt', 'Appending text to already existing file.', function (err) {
if (err) throw err;
console.log('Saved!');
});

// res.statusCode = 200;
// res.setHeader('Content-Type', 'text/plain');
// res.end('Hello World');
});

server.listen(port, hostname, () => {
console.log(`Server is running at http://${hostname}:${port}/`);
});
1 change: 1 addition & 0 deletions Day 3/mynewfile1.txt
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
Hello content!Hello content!Appending text to already existing file.
85 changes: 85 additions & 0 deletions Day 4/Nodejs-demo-app/app.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,85 @@
const { query } = require('express');
const Express = require('express');
const app = Express();
app.use(Express.json());

let arr = [
{'id':3,'course':'java'},
{'id':1,'course':'c++'},
{'id':2,'course':'python'},
]

// Default request on page load.
app.get('/',(req,res)=>{

res.send("Hello world. This message is for base URL");

});

//GET endpoint to return all the courses.
app.get('/courses',(req,res)=>{

res.send(arr);
});

//GET request to return a particular course
app.get('/course/:id',(req,res)=>{
let course = arr.find(c => (c.id == req.params.id));
if(course) res.send(course);
else
res.status(404).send('The course is not available');
})
//POST request to add a new course
app.post('/course',(req,res)=>{
if(!req.body.coursename){
res.status(400).send("Req body doesn't contain coursename");
return;
}
let id = arr.length + 1;
let coursename = req.body.coursename;

let obj = {
'id' : id,
'course':coursename
}
if(arr.push(obj))
res.send(obj);
else
res.status(404).send("Course addition failed");

})


//PUT request to update an existing course
app.put('/course/:id',(req,res)=>{
let course = arr.find(c =>(c.id == req.params.id))
if(!course){
res.status(404).send("Course not present");
return;
}

if(!req.body.coursename){
res.status(400)._construct("Coursename not present");
}

course.course = req.body.coursename;
res.send(course);
})

//DELETE request to delete a particular course
app.delete('/course/:id',(req,res)=>{
const course = arr.find(c =>(c.id == req.params.id))
if(!course){
res.status(404).send("Course not present");
return;
}

arr.splice(arr.indexOf(course),1);
res.send("course deleted");
})

port = process.env.PORT || 8080;
app.listen(port,()=>{
//console.log(process.env.PORT);
console.log(`listening on port ${port}`);
});
1 change: 1 addition & 0 deletions Day 4/Nodejs-demo-app/node_modules/.bin/mime

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading