cbyancisa/app_totito_next
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

jsx

Browse Source
This commit is contained in:
Cristian B. Yancis A. 2024-09-06 15:57:59 -06:00
parent bebc2b5733
commit 220136f544
7 changed files with 31 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
app/favicon.ico
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 25 KiB

BIN
app/fonts/GeistMonoVF.woff
View File

Binary file not shown.

BIN
app/fonts/GeistVF.woff
View File

Binary file not shown.

27
app/globals.css
View File

@ -1,27 +0,0 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
:root {
--background: #ffffff;
--foreground: #171717;
}
@media (prefers-color-scheme: dark) {
:root {
--background: #0a0a0a;
--foreground: #ededed;
}
}
body {
color: var(--foreground);
background: var(--background);
font-family: Arial, Helvetica, sans-serif;
}
@layer utilities {
.text-balance {
text-wrap: balance;
}
}

9
app/index.jsx Normal file
View File

@ -0,0 +1,9 @@
import Tablero from "./tablero"
export default function HomePage(){
return(
<div className="container mx-auto">
<Tablero className="m-5 p-2"/>
</div>
)
}

20
app/layout.js
View File

@ -1,10 +1,12 @@
import Tablero from "./tablero" export const metadata={
title: 'Totito',
const totito=()=>{ description:'generado con next.js'
return(
<div className="container mx-auto">
<Tablero className="m-5 p-2"/>
</div>
)
} }
export default totito
export default function RootKLayout({children}){
return(
<html lang="es">
<body>{children}</body>
</html>
)
}

24
app/tablero.js
View File

@ -1,21 +1,19 @@
'use client' import{ usiState } from "react"
import { useState } from "react"
import Cuadrado from "./cuadros" import Cuadrado from "./cuadros"
const Tablero =()=>{ const Tablero =()=>{
const [cuadros, setCuadros] = useState(Array(9).fill("")); const [cuadros, setCuadros]= usiState(Array(9).fill(''))
const [turno, setTurno]=useState('X') const [turno, setTuerno]=usiState('X')
const pintaFigura=(indexItem)=>{ const pintaFigura=(indexItem)=>{
const misCuaadros=cuadros.slice()
misCuaadros.splice(indexItem,1,turno) const misCuadros= cuadros.slice()
setCuadros(misCuaadros) // esta linea me da problemas setCuadros(misCuadros)
if(turno==='X'){ // Verifica los turnos
if(turno==='X'){ setTuerno('O')
setTurno('O') }
}else{ else{
setTurno('X') setTuerno('X')
} }
} }
return( return(