Scribd
Cargar
28 vistas2 páginas

Doctype HTML

El documento presenta un formulario de inscripción para un taller obligatorio sobre prevención del hostigamiento sexual en el trabajo. El formulario solicita nombre, apellidos, número de teléfono, dirección postal y código postal del participante. Al hacer clic en el botón "Submit", se abrirá una ventana emergente de confirmación. El documento incluye código JavaScript para agregar un listener de eventos de clic al botón y abrir la ventana emergente al hacer clic.

Cargado por

Josue Fontanez
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
28 vistas2 páginas

Doctype HTML

El documento presenta un formulario de inscripción para un taller obligatorio sobre prevención del hostigamiento sexual en el trabajo. El formulario solicita nombre, apellidos, número de teléfono, dirección postal y código postal del participante. Al hacer clic en el botón "Submit", se abrirá una ventana emergente de confirmación. El documento incluye código JavaScript para agregar un listener de eventos de clic al botón y abrir la ventana emergente al hacer clic.

Cargado por

Josue Fontanez
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 2

<!

DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">


<head>
<meta charset="utf-8" />
<title> Tarea 4.1 - Steven J. Font&aacutenez - 30 de marzo de 2023</title>
</head>
<body>
<header>
<h1><center><i><bold>Inscripci&oacuten para Taller
Compulsorio</bold></i></center></h1>
<h2><center><i>Prevenci&oacuten del Hostigamiento Sexual en el
Trabajo</i></center></h2>
</header>
<!--Declaración de variables y elementos para crear el formulario de inscripción-->
<form>
<fieldset>
<legend>Insert Name and Last Name</legend> <!--Elemento para insertar nombre
y apellidos-->
<label>Name and Last</label>
<input type="text" id="name" placeholder="Insert here">
</fieldset>
<fieldset>
<legend>Insert Phone Number</legend> <!--Elemento para insertar número de
teléfono-->
<label>Phone Number</label><br>
<input type="text" id="phone" placeholder="Insert here"><br>
</fieldset>
<fieldset>
<legend>Insert Postal Address</legend> <!--Elemento para insertar dirección
postal-->
<label> PO Box, Street, Avenue, Apartment, Suite, etc.</label><br>
<input type="text" id="street"><br>
<br>
<label>City</label><br>
<input type="text" id="city"><br>
<br>
<label>State</label><br>
<input type="text" id="state"><br>
<br>
<label>Country</label><br>
<input type="text" id="country"><br>
<br>
<label>Zip Code</label><br>
<input type="text" id="zip"><br>
<br>
</fieldset>
<br>
<input type="button" id="btn" value="Submit">
</form>
<script>
"use strict";
function processInput() {
var propWidth = 300;
var propHeight = 100;
var winLeft = ((screen.width - propWidth) / 2);
var winTop = ((screen.height - propHeight) / 2);
var winOptions = "width=300,height=100";
winOptions += ",left=" + winLeft;
winOptions += ",top=" + winTop;
var ventanaConfirmacion = window.open("confirm.html","confirm", winOptions);
}
var submitButton = document.getElementById("btn");
if (submitButton.addEventListener) {
submitButton.addEventListener("click", processInput);
}
else if (submitButton.attachEvent) {
submitButton.attachEvent("onclick", processInput);
}
</script>
</body>

</html>

function createEventListener() {
btn.addEventListener("click", showMessage);

También podría gustarte