Generation

generate functionMon, 29 May 2023

Elaborar la siguiente página web con código JavaScript y HTML usando los eventos onfocus y onblur que maneje un formulario para registro de una cuenta de correo electrónico que cubra las siguientes características:  Al momento de tener el foco en cualquiera de los cuadros de texto se debe: i. Poner fondo de color negro y letra de color verde. ii. Incluir un borde de color azul de 5px. iii. Asignar el tamaño de letra a 25px. iv. Aplicar negritas al texto.  Al perder el foco en cualquiera de los cuadros de texto se debe: i. Poner fondo de color rojo y letra de color negro. ii. Reducir el tamaño de letra a 15 px; iii. Quitar el borde del cuadro de texto. iv. Quitar las negritas del texto. v. Verificar que el usuario haya escrito algo, en caso contrario, mandar un mensaje de alerta, indicando el motivo. vi. Regresar el foco al cuadro de texto que acaba de perder el foco.

<html> <head> <title>Onfocus y onblur</title> <script type="text/javascript"> function cambia(elemento) { elemento.style.background = '#000'; elemento.style.color = '#0f0'; elemento.style.border = '5px solid #00f'; elemento.style.fontSize = '25px'; elemento.style.fontWeight = 'bold'; } function cambia2(elemento) { if(elemento.value=="" || elemento.value==null) { alert("Ingresa un texto en el campo"); elemento.style.background = '#f00'; elemento.style.color = '#000'; elemento.style.fontSize = '15px'; elemento.style.fontWeight = 'normal'; elemento.style.border = 'none'; elemento.focus(); } else { elemento.style.background = '#f00'; elemento.style.color = '#

Javascript
Generate More

Want to kickstart your project?Use the new AI Studio to create your code