Generador de Meta Tag.

Para realizar este Script utilizamos una función llamada GenerarMetaTag() la cual es llamada desde el evento onClick del elemento button del formulario HTML. Al hacer clic en este botón se envía como parámetro el formulario y todos sus elementos.

Lo primero que realiza el código JavaScript es mostrar un cuadro tipo confirm() con el mensaje: "Se va a generar el código. Deseas continuar?". Este cuadro devuelve un valor según el botón que se ha pulsado, para "Aceptar" devolverá true y para "Cancelar", false. El valor devuelto es analizado por la condición if que se ejecuta solo si se ha pulsado en "Aceptar".

Como todos las condiciones restantes dependen de la primera (la que evalúa el valor devuelto por confirm()), éstas no se ejecutarán si se ha pulsado en el botón "Cancelar" del cuadro de confirmación.

En el caso que se pulse "Aceptar" se ejecutará la primera sentencia que no es más que otra condición if. Esta condición se ejecuta solo si se ha escrito algo en el cuadro de texto (input1), dicho de otro forma, se ejecuta solo si input1 es diferente (!=) a "" (cadena vacía).

Si el valor devuelto por la condición es true se ejecuta el código:
form.resultado.value +='<META NAME="Title" CONTENT="' + form.input1.value + '">\n';

En este caso escribimos en el elemento <TEXTAREA> llamado resultado, la cadena <META NAME="Title" CONTENT=" más el texto que se ha escrito en el cuadro de texto input1 más la cadena ">. El uso de += indica que se debe escribir el texto siguiente sin borrar el que ya está escrito.

Vemos también el uso del caracter especial \n que genera un salto de línea entre cada etiqueta Meta Tag creada.

Las demás condiciones realizan exactamente lo mismo que la anterior para cada uno de los elementos <INPUT> del formulario.

Para complementar el JavaScript hemos agregado una función llamada copiarMetaTag(), la cual es llamada desde el evento onClick del botón que nos permite seleccionar y copiar los Meta Tag directamente al portapapeles.

Una vez que se hace click sobre el botón se selecciona todo el texto del objeto resultado y se crea un rango sobre el mismo mediante createTextRange(). Este texto lo guardamos en una variable para luego copiarlo al portapapeles mediante el comando execCommand("Copy"). Este comando parece ser propio de IE por lo que solo funcionará en este navegador. Para que lo usuarios de Firefox no se sientan discriminados creamos un cuadro tipo alert() que nos avisa que el texto con todas las Meta Tag generadas se han copiado al portapapeles solo para el navegador de Bill y que para otros navegadores se deberá copiar manualmente, por ejemplo mediante la combinación de teclas Ctrl+C.