Prompt

Crea un registro de agua con un objetivo de 8 vasos, mostrado como una botella que se va llenando. Hazlo en un único archivo HTML que se abra en el navegador, sin nada que instalar y sin ningún otro archivo. Pon el CSS y el JavaScript dentro de él. No uses archivos de imagen ni ninguna dirección externa; usa emojis o letras si necesitas un símbolo.

Un botón grande suma un vaso. Uno más pequeño resta el último por si hay errores.

Lo principal en la pantalla es el nivel de llenado, mostrado como una imagen en lugar de como un número. Añade el número debajo en un texto más pequeño.

Reinicia a cero a medianoche y conserva los últimos siete días en una fila pequeña debajo para que pueda ver el patrón.

Cuando se alcance el objetivo, muestra un mensaje breve y agradable. No sigas felicitándome por cada vaso después de ese.

Todo se queda en mi navegador después de cerrarlo.

Cuando termines, comprueba que al pasar la medianoche comience un nuevo día sin perder el de ayer.