Tiras de caracteres (strings)
Un
grupo de caracteres encerrados entre comillas es una tira de
caracteres, las comillas pueden ser simples o dobles. Las variables
pueden contener este tipo de información.
var
nice_monkey = "The monkey smiles at you and recites Shakespeare.";
var
bad_monkey = "The monkey scowls at you and burps.";
Una
vez que ha hecho esto podrá referise a dicha variable
por medio de ...
document.writeln(nice_monkey);
Ejemplo 2
...
cada vez que quiera escribir un mensaje en JavaScript lo hará
por medio del método write. Veamos ahora algo nuevo y
novedoso:
var
monkey = prompt("¿Cuál es tu nombre?",
"Mi nombre");
Aquí
estamos llamando al método prompt
para obtener una respuesta desde el usuario. Cuando se llame
dicho método, nos aparecerá una caja de dialogo
que nos hará una pregunta. Cuando el usuario presione
OK, el método prompt devolverá
lo que hayamos ingresado en la caja de ingreso. En la línea
anterior el valor ingresado irá a parar a una variable.
Note
que el método prompt tomó
dos argumentos, ambos son strings. El primer parámetro
es lo que se imprimirá en la parte superior de la caja
de dialogo. En este caso ¿cuál es tu nombre?.
El segundo parámetro, "Mi nombre" en este caso,
es el valor por defecto de la entrada. Si no desea un valor
por defecto solo ponga un carácter en blanco. Como esto:
var
monkey = prompt("¿Cuál es tu nombre?",
"");
La
siguiente línea es una forma directa de asignación
de variable, como ya la hemos visto. Después de estas
líneas vemos:
var
dpto_grafico = disenio + impresion + tecnica;
Estas
líneas introducen un operador tira el signo más.
Cuando aparece entre dos tiras o dos variables que contienen
tiras de caracteres como arriba, significa concatenar. Por lo
tanto la línea de arriba crea una variable llamada dpto_grafico.
Las
siguientes líneas muestran algunos trucos que se pueden
hacer con tiras. Todos los trucos funcionan de una forma similar,
por lo tanto nos focalizaremos en los tres:
var italic_hippy = hippy_monkey.italics();
var
shouting_hippy= hippy_monkey.toUpperCase();
var
red_bold_tech = bold_tech.fontcolor('red');
La
primer línea dice, "Tome la tira que está
contenida en la variable hippy_monkey y póngala en itálica"
sería lo mismo que decir:
var
italic_hippy = "<i>" + hippy_monkey + "</i>";
Pero
es mucho más limpio y directo. En ambos casos, cuando
luego haga document.writeln(italic_hippy) en
su JavaScript, se imprimirá el contenido de hippy_monkey
en itálica.
La
siguiente línea que declara shouting_hippy, muestra un
truco que no se puede hacer con HTML. Toma lo que esté
en hippy_monkey y lo convierte todo a mayúsculas.
La
tercer línea muestra un ejemplo de cambiar una propiedad
a una tira. Todas las tiras tienen un color y puede cambiar
el color de una tira usando la orden string.fontcolor('nuevo
color'). También puede hacer esto:
var
red_bold_tech = "<font color='red'>" + bold_tech
+ "</font>";
Pero
esto no es tan fácil de leer como:
var
red_bold_tech = bold_tech.fontcolor('red');
Ejemplo 3
En
la siguiente línea lo imprime:
document.writeln(bold_tech
+ "<br>");
Esto
es sólo un document.writeln() normal,
excepto que en lugar de imprimir una tira le adicionamos dos
tiras y luego imprimimos el resultado Esto se podría
haber hecho en dos líneas:
var
broken_bold = bold_tech + "<br>";
document.writeln(broken_bold);
Pero
involucra crear otra variable y escribir otra línea,
cuando realmente no es necesario.
Ejemplo
<html>
<head>
<title>Tutorial
de JavaScript</title>
<script
language = "JavaScript">
<!--
being hiding me
var
name = prompt("Deme un nombre: ","");
var
verb = prompt("Deme un verbo en pasado: ","");
var
adjective= prompt("Deme un adjetivo: ","");
var
sentence = name + " " + verb +
" the toilet, and the monkey was " + adjective + ".<p>";
//
end hiding me -->
</script>
</head>
<p>Trataremos
de escribir lo ingresado en las variables.<p>
<script
language = "JavaScript">
<!--
begin hiding me
document.writeln(sentence);
document.writeln(sentence.bold());
document.writeln(sentence.toUpperCase());
document.writeln(sentence.fontcolor('red'));
//
end hiding -->
</script>
</html>
