From 5d2fddc3a292e155b68aa451eec4496dfcdd76ad Mon Sep 17 00:00:00 2001 From: Lara Date: Sun, 3 Mar 2024 19:43:01 +0100 Subject: [PATCH] Modificaciones front-end --- docs/images/05_nivel_2.png | Bin 15488 -> 15908 bytes webapp/src/components/Estilos/juego.css | 28 +++++++++---- webapp/src/components/Pages/Home.js | 25 +++++++++++- webapp/src/components/Pages/Juego.js | 52 ++++++++++++++++-------- webapp/src/index.css | 5 +++ 5 files changed, 83 insertions(+), 27 deletions(-) diff --git a/docs/images/05_nivel_2.png b/docs/images/05_nivel_2.png index 76028af23183a1e6e70388492eaa90b3e9386f1f..2f6812c8c8eac020f58c13899505e537dc8ec06d 100644 GIT binary patch literal 15908 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�xG}YlGq+Es^4}v6_q&^CLS1 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 { - return

Home

; + return ( + <> + +

WIQ_es05

+
+ + +
+
+ + ); }; export default Home; \ No newline at end of file diff --git a/webapp/src/components/Pages/Juego.js b/webapp/src/components/Pages/Juego.js index 029e87d..e30ce60 100644 --- a/webapp/src/components/Pages/Juego.js +++ b/webapp/src/components/Pages/Juego.js @@ -6,6 +6,7 @@ import { Container, Typography, TextField, Button, Snackbar } from '@mui/materia const Juego = ({isLogged}) => { const [pregunta, setPregunta] = useState("") + //Respuesta correcta const [resCorr, setResCorr] = useState("") const [resFalse, setResFalse] = useState([]) const [respondido, setRespodido] = useState(false) @@ -15,12 +16,30 @@ const Juego = ({isLogged}) => { //comprobara si la respuesta es correcta o no setRespodido(true) if(respuesta == resCorr){ - console.log("entro a respuesat correcta") + console.log("entro a respuesta correcta") setVictoria(true) } else{ setVictoria(false) } + + //Cambiar color de botones + const buttonContainer = document.querySelector('.button-container'); + const buttons = buttonContainer.querySelectorAll('.button'); + const botonEncontrado = Array.from(buttons).find((button) => { + button.disabled=true; //desactivamos todos los botones + if(button.textContent.trim()==respuesta.trim()){ + //Si era la cambiamos color fondo a verde, si no a rojo + if(button.textContent.trim() == resCorr) { + button.style.backgroundColor = "#05B92B"; + button.style.border = "6px solid #05B92B"; + } else { + button.style.backgroundColor = "#E14E4E"; + button.style.border = "6px solid #E14E4E"; + } + } + }); + }; async function CargarPregunta(pregunta, resCorr, resFalse){ @@ -33,9 +52,15 @@ const Juego = ({isLogged}) => { setResFalse(todo.answers) }); }, []); - console.log(pregunta); - console.log(resCorr); - console.log(resFalse) + //console.log(pregunta); + //console.log(resCorr); + //console.log(resFalse) + + + } + + function clickSiguiente() { + window.location.href = "game"; } CargarPregunta(pregunta, resCorr, resFalse); @@ -43,25 +68,16 @@ const Juego = ({isLogged}) => { return ( <> - {respondido ? ( - <> - {victoria ? ( -

ACERTASTE

- ) : ( -

FALLASTE

- )} - - ) : (

{pregunta}

- - - - + + + +
+
- )} ); }; diff --git a/webapp/src/index.css b/webapp/src/index.css index 49e8693..0ddb49c 100644 --- a/webapp/src/index.css +++ b/webapp/src/index.css @@ -22,3 +22,8 @@ body{ background-color: #8A6FD6 ; } +body h1{ + font-family: 'Verdana'; + text-align: center; /* Centra el texto */ + margin-bottom: 30px; +}