*{
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