Tarea:-
entrada -> tomar un número del usuario al cambiar -> cuadrado (número) -> cuadrar ese número ingresado por el usuario
Muestra cada número calculado como una lista en DOM. Necesitamos la visualización en tiempo de ejecución de cada cálculo.
Si se presiona Retroceso, elimine el último resultado calculado (lista y entrada) y en cada retroceso tenemos que volver a calcular todo.
Tan pronto como haya 10 cómputos, mostrar alerta, máximo 10 cómputos permitidos.
ejemplo:- entrada = 321 [9, 1024, 103041]
32 [9, 1024]
323 [9, 1024, 104329]
33 [9, 1089]
Aquí hay un codesandbox con la solución: enlace
Breve explicacion:
value se utiliza para realizar un seguimiento de la entrada del usuario.results se utiliza para almacenar los resultados cuadrados, que luego se muestran al usuario.results se muestran usando el método Array.toString()onChange en el campo <input/> verifica si la longitud de la input variable excede 10 o no. Si supera 10, no se permiten más cálculos; de lo contrario, establece el value de la nueva entrada.useEffect se llama cada vez que cambia el value . Cada vez que cambia el value , se forma una nueva matriz de subcadenas utilizando el método String.substring() : Digamos que su entrada fue 123 , entonces la matriz formada sería ["1","12","123"] . Esta matriz se utiliza luego para calcular y establecer results