assignment 1.)display products table and employee table with conditional rendering true means products table false means employee

Tomorrow drive on react

6 positions

Virinchi

I will talk with technical team tomorrow regarding pending syllabus

Will update some more job updates by late night today 😊 join fast as old opportunities you can't get now so don't miss next upcoming opportunities

Join here also

You can share channel links with your friends too it's 100% to join even if all job referral are free for everyone

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

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;