Java Hyd Team
746 subscribers
986 photos
39 videos
670 files
690 links
https://teamhydteam.my.canva.site/

Can visit us on our website 😊
Still working on it 😊
Download Telegram
Send your resumes for referrals we will refer to many product base companies ( good companies like PWC, oracle , CTS , Benz , Jenkins, and many more)
So don't miss to join and grab the opportunities 🙂
Those whose concept is clear in javascript and react can ping us so that we can make a list for referrals
👍1
Please update your names @stockkida
import java.util.*;
public class Lucky_Number {
public static void main(String[] args) {
Scanner sc = new Scanner(System.in);
System.out.println("Enter the car no:");
int num = sc.nextInt();
if (num < 0000 || num > 9999) {
System.out.println(num + " is not a valid car number");
} else {
int sum = 0;
while (num > 0) {
sum += num % 10;
num /= 10;
}
if (sum % 3 == 0 sum % 5 == 0 sum % 7 == 0) {
System.out.println("Lucky Number");
} else {
System.out.println("Sorry its not my lucky number");
}
}
}
}
if(!isNaN(form.elements[i].value))
{
alert("This Field must be Char's")
form.elements[i].value=""
form.elements[i].focus()
return false
}
}
if(document.F1.password.value!=document.F1.repassword.value)
{
alert("Check Confirm PWD");
document.F1.repassword.value=""
document.F1.repassword.focus()
return false
}


if(!isNaN(document.F1.phone.value))
{
if(document.F1.phone.value >9999999999 )
{
alert("ye kabhi nhi aayegi")
document.F1.phone.value=""
document.F1.phone.focus()
return false
}
}
else
{
alert("This field must be number")
document.F1.phone.value=""
return false
}



if(!isNaN(document.F1.amount.value))
{
if(document.F1.amount.value < 500)
{
alert("Minimum Balance should be 500 /-")
document.F1.amount.value=""
document.F1.amount.focus()
return false
}
}
else
{
alert("This field must be number")
document.F1.amount.value=""
return false
}


for(var i=0; i<form.elements.length; i++)
{
if(form.elements[i].value == "")
{
alert("Fill out all Fields")
document.F1.username.focus()
return false
}
}

return true
}
javascript validations
change variables according to ur need
import { useState} from "react";
import "./Comp1.css";
const Comp1 =()=>{
const [str] = useState(`Hello`);
const [num] =useState(100);
const [bool] = useState(true);
const [obj]= useState({"key1":"hello_1....","key2":"hello_2...","key3":"hello_3.."});
const[arr] = useState([10,20,30,40,50]);
const[arr1]= useState([`hello_1`,`hello_2`,`hello_3`,`hello_4`,`hello_5`]);
const [arr2] =useState([100,200,300,400,500]);
const [arr3]= useState([`reactJs`,`MongoDb`,`NodeJs`]);
const [arr4] = useState([100,`hello1`,200,`hello2`]);
const [products] = useState([
{"p_id":111,"p_name":"p_one","p_cost":10000},
{"p_id":222,"p_name":"p_two","p_cost":20000},
{"p_id":333,"p_name":"p_three","p_cost":30000},
{"p_id":444,"p_name":"p_four","p_cost":40000},
{"p_id":555,"p_name":"p_five","p_cost":50000}
]);
const [Employee] = useState([
{"e_id":111,"e_name":"e_one","e_sal":10000},
{"e_id":222,"e_name":"e_two","e_sal":20000},
{"e_id":333,"e_name":"e_three","e_sal":30000},
{"e_id":444,"e_name":"e_four","e_sal":40000},
{"e_id":555,"e_name":"e_five","e_sal":50000}
]);
return(
<>
<h1>{str}</h1>
<h1 className="class-one">{num}</h1>
<h1 id="id-one">{JSON.stringify(bool)}</h1>
<h1>{obj.key1}{obj.key2}{obj.key3}</h1>
{arr.map((Element,index)=>{
return(
<h1 key={index}>{Element}....{index}</h1>
)
})
}
{arr1.map((Element,index)=>{
return(
<h2 key={index}>{Element}....{index}</h2>
)
})
}
{arr2.map((Element,index)=>{
return(
<h3 key={index}>{Element}....{index}</h3>
)
})
}
{arr3.map((Element,index)=>{
return(
<h4 key={index}>{Element}....{index}</h4>
)
})
}
{arr4.map((Element,index)=>{
return(
<h5 key={index}>{Element}....{index}</h5>
)
})
}
<table border={1}>
<tr>
<th>p_id</th>
<th>p_name</th>
<th>p_cost</th>
</tr>
{products.map((element,index)=>{
return(
<tr key={index}>
<td>{element.p_id}</td>
<td>{element.p_name}</td>
<td>{element.p_cost}</td>
</tr>
)
})
}
</table>
<table border={1}>
<tr>
<th>e_id</th>
<th>e_name</th>
<th>e_sal</th>
</tr>
{Employee.map((element,index)=>{
return(
<tr key={index}>
<td>{element.e_id}</td>
<td>{element.e_name}</td>
<td>{element.e_sal}</td>
</tr>
)
})
}
</table>
</>
)
}
export default Comp1;
react
<!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 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>
<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
👍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>
almost covered everything you can take refrence for these
*{
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;
}
Go through this also SELECTORS IN CSS
<!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" : {
"di