Skip to content
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
Jump to file
Failed to load files.
Loading
Diff view
Diff view
25 changes: 11 additions & 14 deletions src/App.jsx
Original file line number Diff line number Diff line change
@@ -1,21 +1,18 @@
import logo from './logo.svg';
import React from "react";
import './mybox.css';
import Todolist from './Todolist'

function App() {
var [count,setCount]=React.useState(0)
return (
<div className='box'>
<img src="data:image/png;base64,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" alt="" style={{borderRadius:"20%",height:'100px',width:'150px'}} />
<h1>Indian Premier League (IPL) Teams & Players </h1>
<Todolist ar={['Sandeep Warrier','Ishan Kishan','Arjun Tendulkar','Hrithik Shokeen','Chris Jordan','Vishnu Vinod']} title={"Mumbai Indians (MI)"} head={'Rohit Sharma'} ></Todolist>
<Todolist ar={['Ruturaj Gaikwad ','Ambati Rayudu ','Devon Conway ','Ravindra Jadeja','Deepak Chahar','Ben Stokes']} title={"Chennai Super Kings (CSK)"} head={'MS.dhoni'} ></Todolist>
<Todolist ar={['Virat Kohli ','Siddharth Kaul ','David Willey ','Anuj Rawat ','Dinesh Karthik ','Harshal Patel','Glenn Maxwell ']} title={'Royal Challengers Bangalore (RCB)'} head={'Faf Du Plessis'}></Todolist>
<Todolist ar={['Abhishek Porel','Axar Patel ','Anrich Nortje','Kuldeep Yadav','Khaleel Ahmed','Ripal Patel','Rovman Powell']} title={'Delhi Capitals (DC)'} head={'David Warner'}></Todolist>
<Todolist ar={[' Shubman Gill','David Miller','Abhinav Manohar','Sai Sudharsan','Wriddhiman Saha','Matthew Wade','Pradeep Sangwan']} title={'Gujarat Titans (GT)'} head={'Hardik Pandya'}></Todolist>
<Todolist ar={['Abdul Samad ','Umran Malik','Washington Sundar','Rahul Tripathi','Bhuvneshwar Kumar','Marco Jansen ']} title={'Sunrisers Hyderabad (SRH) '} head={'Aiden Markram'}></Todolist>

<div className="mybox">
<h1>vinay</h1>
<p>count:{count}</p>
<button onClick={()=>{setCount(count+1)}}>increment</button>
<button onClick={()=>{setCount(count-1)}}>decrement</button>

</div>


);
}

export default App;
export default App;
11 changes: 0 additions & 11 deletions src/Counter.jsx

This file was deleted.

8 changes: 0 additions & 8 deletions src/Div.jsx

This file was deleted.

2 changes: 1 addition & 1 deletion src/Todolist.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ function Todolist(props){
<div className='box'>
<h1>{props.title}</h1>
<h4>Captain:{props.head}</h4>
<img src={props.im}/>
<img src={props.im.src}/>
<h4><u>team</u></h4>
<ul>
{
Expand Down
2 changes: 1 addition & 1 deletion src/mybox.css
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
.box{
.mybox{
border:1px solid;
padding:10px;
margin:10px
Expand Down