<!DOCTYPE html>
<html>
<head>
<title>React</title>
</head>
<body>
<!-- <script>
let obj ={
key1: 100,
key2: 200,
key3 :300,
};
let {key1,key2,key3}=obj;
document.write(key1,key2,key3);
</script> -->
<script>
let obj3 ={
sub_one :"ReactJs",
sub_two :"NodeJs",
sub_three :"MongoDb",
};
let {sub_one,sub_two,sub_three}=obj;
document.write(sub_one,sub_two,sub_three);
//ReactJs NodeJs MongoDb
</script>
<!-- <script>
let obj = {
key1:{
frontend: "Angular14",
backend:"Dotnet",
database:"SqlServer"
}
}
//let {key1} =obj;
//let {frontend} =key1;
document.write(obj.key1.frontend,obj.key1.backend,obj.key1.database);
</script> -->
<!-- <script>
let obj={
key1:{
sub: "ReactJS"
},
key2:{
sub: "NodeJs"
}
}
let {key1,key2} = obj;
let {sub:sub1}=key1;
let {sub:sub2}=key2;
document.write(sub1,sub2);
//ReactJS NodeJs
</script> -->
<!-- <script>
let obj={
key1:function(){
return
}
};
let {key1} =obj;
document.write(key1());
</script> -->
<!-- <script>
let obj = {
key1:function(){
return{
key1 :"hello"
}
}
};
let {key1} = obj;
let a=key1();
document.write(a.key1);
<!-- </script> -->
<script>
let arr=[{p_id :111,p_name :p_one,p_cost:10000},
{p_id :112,p_name :p_two,p_cost:20000},
{p_id :113,p_name :p_three,p_cost:30000},
{p_id :114,p_name :p_four,p_cost:40000},
{p_id :115,p_name :p_five,p_cost:50000}];
document.write(`
<table border = "1"
align = "center"
cellspacing ="10px"
cellpadding="10px">
<tr>
<th>p_id</th>
<th>p_name</th>
<th>p_cost</th>
</tr>
` );
arr.forEach((element,index)=>{
document.write(`
<tr>
<td>${element.p_id}</td>
<td>${element.p_name}</td>
<td>${element.p_cost}</td>
</tr>
`);
})
document.write(`</table>`);
</script>
<!-- <script>
let arr = [10,20,30,40,50];
let newArr= arr.map((element,index)=>{
return element*10;
})
document.write(newArr);
100,200,300,400,500
</script> -->
<!-- <script>
// let arr = [{key1: "Hello_1"},{key1: "Hello_2"},{key1: "Hello_3"},{key1: "Hello_4"},{key1:"Hello_5"}];
// o/p:=
// ▼(5) [{-}, {-}, {-}, {---}, {---}] @
// ▶0: {key1: 'Hello_1', key2: 'Welcome_1'}
// 1: {key1: 'Hello_2', key2: 'Welcome_2'}
// ► 2: {key1: 'Hello_3', key2: 'Welcome_3'}
// ▶3: {key1: 'Hello_4', key2: 'Welcome_4'}
// ▶4: {key1: 'Hello_5', key2: 'Welcome 5'}
</script> -->
<!-- <script>
let arr =[10000,20000,30000,40000,50000];
let newArr= arr.filter((element,index)=>{
return element>=30000;
})
document.write(newArr)
30000,40000,50000
</script> -->
<!-- <script>
let arr=[{p_id :111,p_name :p_one,e_sal:10000},
{p_id :112,p_name :p_two,e_sal:20000},
{p_id :113,p_name :p_three,e_sal:30000},
{p_id :114,p_name :p_four,e_sal:40000},
{p_id :115,p_name :p_five,e_sal:50000}];
</script> -->
<!-- <script>
let obj ={
key1 : "ReactJs",
key2:{
sub:"nodeJs"
}
}
key3: {
<html>
<head>
<title>React</title>
</head>
<body>
<!-- <script>
let obj ={
key1: 100,
key2: 200,
key3 :300,
};
let {key1,key2,key3}=obj;
document.write(key1,key2,key3);
</script> -->
<script>
let obj3 ={
sub_one :"ReactJs",
sub_two :"NodeJs",
sub_three :"MongoDb",
};
let {sub_one,sub_two,sub_three}=obj;
document.write(sub_one,sub_two,sub_three);
//ReactJs NodeJs MongoDb
</script>
<!-- <script>
let obj = {
key1:{
frontend: "Angular14",
backend:"Dotnet",
database:"SqlServer"
}
}
//let {key1} =obj;
//let {frontend} =key1;
document.write(obj.key1.frontend,obj.key1.backend,obj.key1.database);
</script> -->
<!-- <script>
let obj={
key1:{
sub: "ReactJS"
},
key2:{
sub: "NodeJs"
}
}
let {key1,key2} = obj;
let {sub:sub1}=key1;
let {sub:sub2}=key2;
document.write(sub1,sub2);
//ReactJS NodeJs
</script> -->
<!-- <script>
let obj={
key1:function(){
return
hello }
};
let {key1} =obj;
document.write(key1());
</script> -->
<!-- <script>
let obj = {
key1:function(){
return{
key1 :"hello"
}
}
};
let {key1} = obj;
let a=key1();
document.write(a.key1);
<!-- </script> -->
<script>
let arr=[{p_id :111,p_name :p_one,p_cost:10000},
{p_id :112,p_name :p_two,p_cost:20000},
{p_id :113,p_name :p_three,p_cost:30000},
{p_id :114,p_name :p_four,p_cost:40000},
{p_id :115,p_name :p_five,p_cost:50000}];
document.write(`
<table border = "1"
align = "center"
cellspacing ="10px"
cellpadding="10px">
<tr>
<th>p_id</th>
<th>p_name</th>
<th>p_cost</th>
</tr>
` );
arr.forEach((element,index)=>{
document.write(`
<tr>
<td>${element.p_id}</td>
<td>${element.p_name}</td>
<td>${element.p_cost}</td>
</tr>
`);
})
document.write(`</table>`);
</script>
<!-- <script>
let arr = [10,20,30,40,50];
let newArr= arr.map((element,index)=>{
return element*10;
})
document.write(newArr);
100,200,300,400,500
</script> -->
<!-- <script>
// let arr = [{key1: "Hello_1"},{key1: "Hello_2"},{key1: "Hello_3"},{key1: "Hello_4"},{key1:"Hello_5"}];
// o/p:=
// ▼(5) [{-}, {-}, {-}, {---}, {---}] @
// ▶0: {key1: 'Hello_1', key2: 'Welcome_1'}
// 1: {key1: 'Hello_2', key2: 'Welcome_2'}
// ► 2: {key1: 'Hello_3', key2: 'Welcome_3'}
// ▶3: {key1: 'Hello_4', key2: 'Welcome_4'}
// ▶4: {key1: 'Hello_5', key2: 'Welcome 5'}
</script> -->
<!-- <script>
let arr =[10000,20000,30000,40000,50000];
let newArr= arr.filter((element,index)=>{
return element>=30000;
})
document.write(newArr)
30000,40000,50000
</script> -->
<!-- <script>
let arr=[{p_id :111,p_name :p_one,e_sal:10000},
{p_id :112,p_name :p_two,e_sal:20000},
{p_id :113,p_name :p_three,e_sal:30000},
{p_id :114,p_name :p_four,e_sal:40000},
{p_id :115,p_name :p_five,e_sal:50000}];
</script> -->
<!-- <script>
let obj ={
key1 : "ReactJs",
key2:{
sub:"nodeJs"
}
}
key3: {
sub: "MongoDb"
};
let {key1,key2,key3} = obj;
let {sub:v2} = sub;
let {sub:v3} = sub;
document.write(obj.key1,v1, v2);
//ReactJs nodeJs MongoDb
</script> -->
<script>
let register =()=>{
return {
key1 :"hello1"
}
};
let res = register();
let rs =res.key1;
document.write(rs);
</script>
</body>
</html>
};
let {key1,key2,key3} = obj;
let {sub:v2} = sub;
let {sub:v3} = sub;
document.write(obj.key1,v1, v2);
//ReactJs nodeJs MongoDb
</script> -->
<script>
let register =()=>{
return {
key1 :"hello1"
}
};
let res = register();
let rs =res.key1;
document.write(rs);
</script>
</body>
</html>
<script>
document.write(/ab+/.test("a")); //false
document.write(/ab+/.test("ab")); //true
document.write(/ab+/.test("abb")); //true
document.write(/ab+/.test("ac")); //false
document.write(/ab+/.test("b")); //false
document.write(/ab+c/.test("a")); //false
document.write(/ab+c/.test("ab")); //false
document.write(/ab+c/.test("abb")); //false
document.write(/ab+c/.test("ac")); //false
document.write(/ab+c/.test("b")); //false
document.write(/ab*/.test("a")); //true
document.write(/ab*/.test("ab")); //true
document.write(/ab*/.test("abb")); //true
document.write(/ab*/.test("ac")); //true
document.write(/ab*/.test("b")); //false
document.write(/ab*c/.test("a")); //false
document.write(/ab*c/.test("ab")); //false
document.write(/ab*c/.test("abb"));//false
document.write(/ab*c/.test("ac")); //true
document.write(/ab*c/.test("b"));
document.write(/^welcome/.test("welcome to javascript"));
//true
document.write(/javascript$/.test("welcom e to javascript"));
//true
document.write(/../.test("a") ); //false
document.write(/../.test("ab")); //true
document.write(/../.test("\n")); //false
document.write(/./.test("a") ); //true
document.write(/./.test("ab")); //true
document.write(/./.test("\n")); //false
document.write(/./.test("a") ); //true
document.write(/./.test("ab")); //true
document.write(/./.test("\n")); //false
document.write(/[^abc]/.test("a")); //false
document.write(/[^abc]/.test("x")); //true
document.write(/[^abc]/.test("sathya")); //true
document.write(/[a-z]/.test("x")); //true
document.write(/[A-Z]/.test("x")); //false
document.write(/[0-9]/.test("1")); //true
document.write(/[abc]/.test("oops")); //false
document.write(/[abc]/.test("apple") ); //true
</script>
document.write(/ab+/.test("a")); //false
document.write(/ab+/.test("ab")); //true
document.write(/ab+/.test("abb")); //true
document.write(/ab+/.test("ac")); //false
document.write(/ab+/.test("b")); //false
document.write(/ab+c/.test("a")); //false
document.write(/ab+c/.test("ab")); //false
document.write(/ab+c/.test("abb")); //false
document.write(/ab+c/.test("ac")); //false
document.write(/ab+c/.test("b")); //false
document.write(/ab*/.test("a")); //true
document.write(/ab*/.test("ab")); //true
document.write(/ab*/.test("abb")); //true
document.write(/ab*/.test("ac")); //true
document.write(/ab*/.test("b")); //false
document.write(/ab*c/.test("a")); //false
document.write(/ab*c/.test("ab")); //false
document.write(/ab*c/.test("abb"));//false
document.write(/ab*c/.test("ac")); //true
document.write(/ab*c/.test("b"));
document.write(/^welcome/.test("welcome to javascript"));
//true
document.write(/javascript$/.test("welcom e to javascript"));
//true
document.write(/../.test("a") ); //false
document.write(/../.test("ab")); //true
document.write(/../.test("\n")); //false
document.write(/./.test("a") ); //true
document.write(/./.test("ab")); //true
document.write(/./.test("\n")); //false
document.write(/./.test("a") ); //true
document.write(/./.test("ab")); //true
document.write(/./.test("\n")); //false
document.write(/[^abc]/.test("a")); //false
document.write(/[^abc]/.test("x")); //true
document.write(/[^abc]/.test("sathya")); //true
document.write(/[a-z]/.test("x")); //true
document.write(/[A-Z]/.test("x")); //false
document.write(/[0-9]/.test("1")); //true
document.write(/[abc]/.test("oops")); //false
document.write(/[abc]/.test("apple") ); //true
</script>
<!DOCTYPE html>
<html>
<head>
<title>Registration Form</title>
</head>
<body>
<fieldset>
<legend>REGISTRATION</legend>
<form name="regForm" onsubmit="return register()">
<table>
<tr>
<td>First Name</td>
<td><input type="text" name="fname" placeholder="Enter First Name"></td>
<td><span id="fname_span" style="color: red;"></span></td>
</tr>
<tr>
<td>Last Name</td>
<td><input type="text" name="lname" placeholder="Enter Last Name"></td>
<td><span id="lname_span" style="color: red;"></span> </td>
</tr>
<tr>
<td>Password</td>
<td><input type="password" name="upwd" placeholder="Enter Password"></td>
<td><span id="upwd_span" style="color: red;"></span></td>
</tr>
<tr>
<td>Conf Password</td>
<td><input type="password" name="cupwd" placeholder="Repeat Password"></td>
<td><span id="cupwd_span" style="color: red;"></span></td>
</tr>
<tr>
<td>Mobile</td>
<td><input type="number" name="umobile" placeholder="Enter Mobile Number"></td>
<td><span id="umobile_span" style="color: red;"></span></td>
</tr>
<tr>
<td>Email</td>
<td><input type="email" name="uemail" placeholder="Enter Email Address"></td>
<td><span id="uemail_span" style="color: red;"></span></td>
</tr>
<tr>
<td><input type="submit" value="Register"></td>
<td><input type="reset" value="Clear"></td>
</tr>
</table>
</form>
</fieldset>
<script>
function register(){
let fname = document.forms["regForm"]["fname"].value;
let fname_span = document.getElementById("fname_span");
let arr1 = [];
if(/^$/.test(fname)){
arr1.push("fname can't empty");
}else if(!/^[A-Z]\w{6,8}$/.test(fname)){
arr1.push("must follow regular expression");
}
fname_span.innerHTML = arr1.join(",");
let lname = document.forms["regForm"]["lname"].value;
let lname_span = document.getElementById("lname_span");
let arr2 = [];
if(/^$/.test(lname)){
arr2.push("lname can't empty");
}else if(!/^[A-Z]\w{6,8}$/.test(lname)){
arr2.push("must follow regular expression");
}
lname_span.innerHTML = arr2.join(",");
let upwd = document.forms["regForm"]["upwd"].value;
let upwd_span = document.getElementById("upwd_span");
let arr3 = [];
if(/^$/.test(upwd)){
arr3.push("password can't empty");
}else if(!/^(?=.[0-9])(?=.[A-Z])(?=.[a-z])(?=.[!@#$%^&*_]).{8,}$/.test(upwd)){
arr3.push("must follow regular expression");
}
upwd_span.innerHTML = arr3.join(",");
let cupwd = document.forms["regForm"]["cupwd"].value;
let cupwd_span = document.getElementById("cupwd_span");
let arr4 = [];
if(/^$/.test(cupwd)){
arr4.push("conf password can't empty");
}else if(upwd!=cupwd){
arr4.push("password and confirm password must be
<html>
<head>
<title>Registration Form</title>
</head>
<body>
<fieldset>
<legend>REGISTRATION</legend>
<form name="regForm" onsubmit="return register()">
<table>
<tr>
<td>First Name</td>
<td><input type="text" name="fname" placeholder="Enter First Name"></td>
<td><span id="fname_span" style="color: red;"></span></td>
</tr>
<tr>
<td>Last Name</td>
<td><input type="text" name="lname" placeholder="Enter Last Name"></td>
<td><span id="lname_span" style="color: red;"></span> </td>
</tr>
<tr>
<td>Password</td>
<td><input type="password" name="upwd" placeholder="Enter Password"></td>
<td><span id="upwd_span" style="color: red;"></span></td>
</tr>
<tr>
<td>Conf Password</td>
<td><input type="password" name="cupwd" placeholder="Repeat Password"></td>
<td><span id="cupwd_span" style="color: red;"></span></td>
</tr>
<tr>
<td>Mobile</td>
<td><input type="number" name="umobile" placeholder="Enter Mobile Number"></td>
<td><span id="umobile_span" style="color: red;"></span></td>
</tr>
<tr>
<td>Email</td>
<td><input type="email" name="uemail" placeholder="Enter Email Address"></td>
<td><span id="uemail_span" style="color: red;"></span></td>
</tr>
<tr>
<td><input type="submit" value="Register"></td>
<td><input type="reset" value="Clear"></td>
</tr>
</table>
</form>
</fieldset>
<script>
function register(){
let fname = document.forms["regForm"]["fname"].value;
let fname_span = document.getElementById("fname_span");
let arr1 = [];
if(/^$/.test(fname)){
arr1.push("fname can't empty");
}else if(!/^[A-Z]\w{6,8}$/.test(fname)){
arr1.push("must follow regular expression");
}
fname_span.innerHTML = arr1.join(",");
let lname = document.forms["regForm"]["lname"].value;
let lname_span = document.getElementById("lname_span");
let arr2 = [];
if(/^$/.test(lname)){
arr2.push("lname can't empty");
}else if(!/^[A-Z]\w{6,8}$/.test(lname)){
arr2.push("must follow regular expression");
}
lname_span.innerHTML = arr2.join(",");
let upwd = document.forms["regForm"]["upwd"].value;
let upwd_span = document.getElementById("upwd_span");
let arr3 = [];
if(/^$/.test(upwd)){
arr3.push("password can't empty");
}else if(!/^(?=.[0-9])(?=.[A-Z])(?=.[a-z])(?=.[!@#$%^&*_]).{8,}$/.test(upwd)){
arr3.push("must follow regular expression");
}
upwd_span.innerHTML = arr3.join(",");
let cupwd = document.forms["regForm"]["cupwd"].value;
let cupwd_span = document.getElementById("cupwd_span");
let arr4 = [];
if(/^$/.test(cupwd)){
arr4.push("conf password can't empty");
}else if(upwd!=cupwd){
arr4.push("password and confirm password must be
👍1
same");
}
cupwd_span.innerHTML = arr4.join(",");
let umobile = document.forms["regForm"]["umobile"].value;
let umobile_span = document.getElementById("umobile_span");
let arr5 = [];
if(/^$/.test(umobile)){
arr5.push("cant left blank");
}else if(!/^\d{10}$/.test(umobile)){
arr5.push("enter valid mobile number");
}
umobile_span.innerHTML = arr5.join(",");
let uemail = document.forms["regForm"]["uemail"].value;
let uemail_span = document.getElementById("uemail_span");
let arr6 = [];
if(/^$/.test(uemail)){
arr6.push("cant left blank");
}else if(!/^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$/.test(uemail)){
arr6.push("enter valid email address");
}
uemail_span.innerHTML = arr6.join(",");
return false;
}
</script>
</body>
</html>
}
cupwd_span.innerHTML = arr4.join(",");
let umobile = document.forms["regForm"]["umobile"].value;
let umobile_span = document.getElementById("umobile_span");
let arr5 = [];
if(/^$/.test(umobile)){
arr5.push("cant left blank");
}else if(!/^\d{10}$/.test(umobile)){
arr5.push("enter valid mobile number");
}
umobile_span.innerHTML = arr5.join(",");
let uemail = document.forms["regForm"]["uemail"].value;
let uemail_span = document.getElementById("uemail_span");
let arr6 = [];
if(/^$/.test(uemail)){
arr6.push("cant left blank");
}else if(!/^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$/.test(uemail)){
arr6.push("enter valid email address");
}
uemail_span.innerHTML = arr6.join(",");
return false;
}
</script>
</body>
</html>
*{
padding: 0;
margin: 0;
box-sizing: border-box;
}
body{
width: 100%;
height: 100%;
color: white;
background: black;
font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
}
.container::before{
content: "";
background: url(Netflix-Logo.jpg) no-repeat center center/cover;
position: absolute;
height: 100%;
width: 100%;
opacity: 0.3;
z-index: -1;
}
.container .navbar{
height: 100px;
display: flex;
}
.container .navbar .left{
height: 100%;
display: flex;
float: left;
}
.container .navbar .left img{
height: 100px;
position: absolute;
left: 35px;
}
.container .navbar .right{
display: flex;
height: 100px;
float: right;
position: absolute;
right: 50px;
}
.container .navbar .right .language{
margin: auto;
align-items: center;
justify-content: center;
font-size: 20px;
padding: 7px 10px;
color: white;
background: none;
cursor: pointer;
margin-right: 15px;
}
.container .navbar .right .language option{
background-color: grey;
}
.container .navbar .right button{
margin: auto;
align-items: center;
justify-content: center;
font-size: 18px;
font-weight: 400;
padding: 7px 17px;
background: #e50914;
cursor: pointer;
outline: none;
border-radius: 4px;
border: none;
}
.container .navbar .right button a{
text-decoration: none;
color: white;
}
.container .title{
padding: 70px 45px;
}
.container .title .content{
width: 950px;
margin: auto;
padding: 75px 0;
text-align: center;
}
.container .title .content h1{
width: 650px;
margin: auto;
font-size: 3.1rem;
text-align: center;
}
.container .title .content h2{
width: 650px;
margin: auto;
font-size: 1.6rem;
text-align: center;
}
.container .title .content form h3{
font-size: 1rem;
margin: 18px 0;
text-align: center;
}
.container .title .content form .email{
width: 1000px;
margin: auto;
}
.container .title .content form .email input{
height: 60px;
width: 450px;
margin: auto;
padding: 20px;
font-size: 20px;
outline: none;
}
.container .title .content form .email button{
margin: auto;
height: 60px;
width: 180px;
align-items: center;
justify-content: center;
font-size: 20px;
padding: 7px 17px;
background: #e50914;
cursor: pointer;
outline: none;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border: none;
margin-left: -5px;
}
.container .title .content form .email button:hover{
background-color: #f40612;
}
.container .title .content form .email button a{
text-decoration: none;
color: white;
}
padding: 0;
margin: 0;
box-sizing: border-box;
}
body{
width: 100%;
height: 100%;
color: white;
background: black;
font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
}
.container::before{
content: "";
background: url(Netflix-Logo.jpg) no-repeat center center/cover;
position: absolute;
height: 100%;
width: 100%;
opacity: 0.3;
z-index: -1;
}
.container .navbar{
height: 100px;
display: flex;
}
.container .navbar .left{
height: 100%;
display: flex;
float: left;
}
.container .navbar .left img{
height: 100px;
position: absolute;
left: 35px;
}
.container .navbar .right{
display: flex;
height: 100px;
float: right;
position: absolute;
right: 50px;
}
.container .navbar .right .language{
margin: auto;
align-items: center;
justify-content: center;
font-size: 20px;
padding: 7px 10px;
color: white;
background: none;
cursor: pointer;
margin-right: 15px;
}
.container .navbar .right .language option{
background-color: grey;
}
.container .navbar .right button{
margin: auto;
align-items: center;
justify-content: center;
font-size: 18px;
font-weight: 400;
padding: 7px 17px;
background: #e50914;
cursor: pointer;
outline: none;
border-radius: 4px;
border: none;
}
.container .navbar .right button a{
text-decoration: none;
color: white;
}
.container .title{
padding: 70px 45px;
}
.container .title .content{
width: 950px;
margin: auto;
padding: 75px 0;
text-align: center;
}
.container .title .content h1{
width: 650px;
margin: auto;
font-size: 3.1rem;
text-align: center;
}
.container .title .content h2{
width: 650px;
margin: auto;
font-size: 1.6rem;
text-align: center;
}
.container .title .content form h3{
font-size: 1rem;
margin: 18px 0;
text-align: center;
}
.container .title .content form .email{
width: 1000px;
margin: auto;
}
.container .title .content form .email input{
height: 60px;
width: 450px;
margin: auto;
padding: 20px;
font-size: 20px;
outline: none;
}
.container .title .content form .email button{
margin: auto;
height: 60px;
width: 180px;
align-items: center;
justify-content: center;
font-size: 20px;
padding: 7px 17px;
background: #e50914;
cursor: pointer;
outline: none;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border: none;
margin-left: -5px;
}
.container .title .content form .email button:hover{
background-color: #f40612;
}
.container .title .content form .email button a{
text-decoration: none;
color: white;
}
<!DOCTYPE html>
<html>
<head>
<title>Basic JavaScript</title>
</head>
<body>
<script>
document.write("Welcome To JavaScript");
document.write("<br>");
document.write(10+10);
document.write("<br>");
document.write(1+ +"2");
document.write("<br>");
document.write(1+ + "2"+ + "2");
document.write("<br>");
document.write(10 - "10");
document.write("<br>");
document.write(10 * "10");
document.write("<br>");
document.write(10 / "10");
document.write("<br>");
document.write(10/"00");
document.write("<br>");
document.write(10 / "A");
document.write("<br>");
document.write(10+5/10-5);
document.write("<br>");
document.write((10+5)/(10-5));
document.write("<br>");
document.write(true+true);
document.write("<br>");
document.write(true+false);
document.write("<br>");
document.write(true/false);
document.write("<br>");
document.write(1+"true");
document.write("<br>");
document.write(9>8>7);
document.write("<br>");
let obj7 = { "product" : "astro" , "init" : "2022111506" , "dataseries" : [ { "timepoint" : 3, "cloudcover" : 8, "seeing" : 6, "transparency" : 3, "lifted_index" : 2, "rh2m" : 5, "wind10m" : { "direction" : "NE", "speed" : 2 }, "temp2m" : 29, "prec_type" : "none" }, { "timepoint" : 6, "cloudcover" : 8, "seeing" : 6, "transparency" : 3, "lifted_index" : 2, "rh2m" : 6, "wind10m" : { "direction" : "NE", "speed" : 2 }, "temp2m" : 28, "prec_type" : "none" }, { "timepoint" : 9, "cloudcover" : 7, "seeing" : 6, "transparency" : 3, "lifted_index" : -1, "rh2m" : 7, "wind10m" : { "direction" : "NE", "speed" : 2 }, "temp2m" : 26, "prec_type" : "none" }, { "timepoint" : 12, "cloudcover" : 7, "seeing" : 6, "transparency" : 3, "lifted_index" : -1, "rh2m" : 8, "wind10m" : { "direction" : "NE", "speed" : 2 }, "temp2m" : 26, "prec_type" : "none" }, { "timepoint" : 15, "cloudcover" : 7, "seeing" : 6, "transparency" : 3, "lifted_index" : -1, "rh2m" : 9, "wind10m" : { "direction" : "NE", "speed" : 2 }, "temp2m" : 24, "prec_type" : "none" }, { "timepoint" : 18, "cloudcover" : 7, "seeing" : 6, "transparency" : 3, "lifted_index" : 2, "rh2m" : 8, "wind10m" : { "direction" : "NE", "speed" : 2 }, "temp2m" : 24, "prec_type" : "none" }, { "timepoint" : 21, "cloudcover" : 9, "seeing" : 6, "transparency" : 3, "lifted_index" : -1, "rh2m" : 7, "wind10m" : { "direction" : "NE", "speed" : 2 }, "temp2m" : 26, "prec_type" : "none" }, { "timepoint" : 24, "cloudcover" : 9, "seeing" : 6, "transparency" : 3, "lifted_index" : -1, "rh2m" : 6, "wind10m" : { "direction" : "N", "speed" : 2 }, "temp2m" : 26, "prec_type" : "none" }, { "timepoint" : 27, "cloudcover" : 9, "seeing" : 6, "transparency" : 3, "lifted_index" : 2, "rh2m" : 6, "wind10m" : { "direction" : "N", "speed" : 2 }, "temp2m" : 26, "prec_type" : "none" }, { "timepoint" : 30, "cloudcover" : 9, "seeing" : 6, "transparency" : 3, "lifted_index" : 2, "rh2m" : 8, "wind10m" : { "direction" : "SE", "speed" : 2 }, "temp2m" : 27, "prec_type" : "none" }, { "timepoint" : 33, "cloudcover" : 7, "seeing" : 6, "transparency" : 3, "lifted_index" : 2, "rh2m" : 8, "wind10m" : { "direction" : "S", "speed" : 2 }, "temp2m" : 25, "prec_type" : "none" }, { "timepoint" : 36, "cloudcover" : 7, "seeing" : 6, "transparency" : 4, "lifted_index" : 2, "rh2m" : 9, "wind10m" : { "direction" : "SE", "speed" : 2 }, "temp2m" : 24, "prec_type" : "none" }, { "timepoint" : 39, "cloudcover" : 5, "seeing" : 6, "transparency" : 4, "lifted_index" : 2, "rh2m" : 9, "wind10m" : { "direction" : "E", "speed" : 2 }, "temp2m" : 24, "prec_type" : "none" }, { "timepoint" : 42, "cloudcover" : 6, "seeing" : 6, "transparency" : 4, "lifted_index" : 2, "rh2m" : 9, "wind10m" : {
<html>
<head>
<title>Basic JavaScript</title>
</head>
<body>
<script>
document.write("Welcome To JavaScript");
document.write("<br>");
document.write(10+10);
document.write("<br>");
document.write(1+ +"2");
document.write("<br>");
document.write(1+ + "2"+ + "2");
document.write("<br>");
document.write(10 - "10");
document.write("<br>");
document.write(10 * "10");
document.write("<br>");
document.write(10 / "10");
document.write("<br>");
document.write(10/"00");
document.write("<br>");
document.write(10 / "A");
document.write("<br>");
document.write(10+5/10-5);
document.write("<br>");
document.write((10+5)/(10-5));
document.write("<br>");
document.write(true+true);
document.write("<br>");
document.write(true+false);
document.write("<br>");
document.write(true/false);
document.write("<br>");
document.write(1+"true");
document.write("<br>");
document.write(9>8>7);
document.write("<br>");
let obj7 = { "product" : "astro" , "init" : "2022111506" , "dataseries" : [ { "timepoint" : 3, "cloudcover" : 8, "seeing" : 6, "transparency" : 3, "lifted_index" : 2, "rh2m" : 5, "wind10m" : { "direction" : "NE", "speed" : 2 }, "temp2m" : 29, "prec_type" : "none" }, { "timepoint" : 6, "cloudcover" : 8, "seeing" : 6, "transparency" : 3, "lifted_index" : 2, "rh2m" : 6, "wind10m" : { "direction" : "NE", "speed" : 2 }, "temp2m" : 28, "prec_type" : "none" }, { "timepoint" : 9, "cloudcover" : 7, "seeing" : 6, "transparency" : 3, "lifted_index" : -1, "rh2m" : 7, "wind10m" : { "direction" : "NE", "speed" : 2 }, "temp2m" : 26, "prec_type" : "none" }, { "timepoint" : 12, "cloudcover" : 7, "seeing" : 6, "transparency" : 3, "lifted_index" : -1, "rh2m" : 8, "wind10m" : { "direction" : "NE", "speed" : 2 }, "temp2m" : 26, "prec_type" : "none" }, { "timepoint" : 15, "cloudcover" : 7, "seeing" : 6, "transparency" : 3, "lifted_index" : -1, "rh2m" : 9, "wind10m" : { "direction" : "NE", "speed" : 2 }, "temp2m" : 24, "prec_type" : "none" }, { "timepoint" : 18, "cloudcover" : 7, "seeing" : 6, "transparency" : 3, "lifted_index" : 2, "rh2m" : 8, "wind10m" : { "direction" : "NE", "speed" : 2 }, "temp2m" : 24, "prec_type" : "none" }, { "timepoint" : 21, "cloudcover" : 9, "seeing" : 6, "transparency" : 3, "lifted_index" : -1, "rh2m" : 7, "wind10m" : { "direction" : "NE", "speed" : 2 }, "temp2m" : 26, "prec_type" : "none" }, { "timepoint" : 24, "cloudcover" : 9, "seeing" : 6, "transparency" : 3, "lifted_index" : -1, "rh2m" : 6, "wind10m" : { "direction" : "N", "speed" : 2 }, "temp2m" : 26, "prec_type" : "none" }, { "timepoint" : 27, "cloudcover" : 9, "seeing" : 6, "transparency" : 3, "lifted_index" : 2, "rh2m" : 6, "wind10m" : { "direction" : "N", "speed" : 2 }, "temp2m" : 26, "prec_type" : "none" }, { "timepoint" : 30, "cloudcover" : 9, "seeing" : 6, "transparency" : 3, "lifted_index" : 2, "rh2m" : 8, "wind10m" : { "direction" : "SE", "speed" : 2 }, "temp2m" : 27, "prec_type" : "none" }, { "timepoint" : 33, "cloudcover" : 7, "seeing" : 6, "transparency" : 3, "lifted_index" : 2, "rh2m" : 8, "wind10m" : { "direction" : "S", "speed" : 2 }, "temp2m" : 25, "prec_type" : "none" }, { "timepoint" : 36, "cloudcover" : 7, "seeing" : 6, "transparency" : 4, "lifted_index" : 2, "rh2m" : 9, "wind10m" : { "direction" : "SE", "speed" : 2 }, "temp2m" : 24, "prec_type" : "none" }, { "timepoint" : 39, "cloudcover" : 5, "seeing" : 6, "transparency" : 4, "lifted_index" : 2, "rh2m" : 9, "wind10m" : { "direction" : "E", "speed" : 2 }, "temp2m" : 24, "prec_type" : "none" }, { "timepoint" : 42, "cloudcover" : 6, "seeing" : 6, "transparency" : 4, "lifted_index" : 2, "rh2m" : 9, "wind10m" : {
let product = obj7.product;
let init = obj7.init;
let dataseries = obj7.dataseries;
document.write(`<table border="1"
align="center"
cellspacing="10px"
cellpadding="10px">
<tr>
<th>timepoint</th>
<th>cloudcover</th>
<th>seeing</th>
<th>transparency</th>
<th>lifted_index</th>
<th>rh2m</th>
<th>direction</th>
<th>speed</th>
<th>temp2m</th>
<th>prec_type</th>
</tr>
<tr>
<td colspan="10">${product}</td>
</tr>
<tr>
<td colspan="10">${init}</td>
</tr>`);
dataseries.forEach(function(element,index){
document.write(`<tr>
<td>${element.timepoint}</td>
<td>${element.cloudcover}</td>
<td>${element.seeing}</td>
<td>${element.transparency}</td>
<td>${element.lifted_index}</td>
let init = obj7.init;
let dataseries = obj7.dataseries;
document.write(`<table border="1"
align="center"
cellspacing="10px"
cellpadding="10px">
<tr>
<th>timepoint</th>
<th>cloudcover</th>
<th>seeing</th>
<th>transparency</th>
<th>lifted_index</th>
<th>rh2m</th>
<th>direction</th>
<th>speed</th>
<th>temp2m</th>
<th>prec_type</th>
</tr>
<tr>
<td colspan="10">${product}</td>
</tr>
<tr>
<td colspan="10">${init}</td>
</tr>`);
dataseries.forEach(function(element,index){
document.write(`<tr>
<td>${element.timepoint}</td>
<td>${element.cloudcover}</td>
<td>${element.seeing}</td>
<td>${element.transparency}</td>
<td>${element.lifted_index}</td>
iske bahar se ni aane wala hai so please go through variables diff ho sakte hain pr jitna send kiya wohi max hai logic me
ONLY 6 positions are available but the company is good so try to grab the opportunity anyhow just leave ur sleep for a night for a very new morning 🌄 don't miss this opportunity