Artículos
→ Java →

String con salto de línea en Java

Creado: 20/Dic/2006 Actualizado: 08/Dic/2023

En el ejemplo de hoy vamos a ver cómo podemos crear una cadena o string con salto de línea en Java. Es decir, una cadena que al imprimirla por consola aparezca en varias líneas.

Y es que todo el texto que le asignemos a un objeto de tipo String será una cadena sin ruptura alguna, es decir, una cadena de caracteres todos seguidos.

Es decir, si codificamos lo siguiente

String cadena = new String("Mi texto sin saltos de línea");

Por pantalla veremos lo siguiente:

💡 Mi texto sin saltos de línea

Pero pueden existir ciertos casos donde necesitemos que, al mostrarlo por pantalla, existan saltos de línea entre partes del texto.

Para esto Java nos ofrece los caracteres especiales. En concreto el caracter especial para el salto de línea es \\n. Por lo tanto si queremos poner saltos de línea en Java deberemos de tener la siguiente línea de código:

String cadena = new String("Mi texto con\\nun salto de línea");

Lo cual nos generará lo siguiente por pantalla:

💡 Mi texto con
un salto de línea

Pero, además podemos concatenar tantos saltos de línea cómo queramos. Es decir, que podemos añadir tantos caracteres \\n como vemos necesario.

De esta manera podríamos tener el siguiente código fuente con las cadenas en Java:

String cadena = new String("Mi texto con \\n\\n\\n\\n cuatro saltos de línea");

Este código lo que nos genera son 4 saltos de línea en la salida por consola

💡 Mi texto con



cuatro saltos de línea

Como podemos ver, algo muy sencillo de utilizar cuando estemos creando cadenas o String en Java.

Si ponemos espacios en blanco entre el carácter especial y el texto, el sistema contemplará dichos caracteres. He ahi que parezca raro lo de “con\nun”.

De esta forma ya sabemos cómo podemos crear una cadena o string con salto de línea en Java. Además del carácter de salto de línea \\n, ¿qué otros caracteres especiales conoces en Java? Déjanoslo en los comentarios.

Código Fuente

Descárgate el código fuente de String con salto de línea en Java
Y si te ha gustado nuestro código fuente puedes regalarnos una estrella Star
String con salto de línea en Java

Vídeos sobre Java

Disfruta también de nuestros artículos sobre Java en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test Java

¿Te atreves a probar tus habilidades y conocimiento en Java con nuestro test?

Test Java
Artículos
→ Javascript →

Formulario que multiplica números en JavaScript

Creado: Actualizado: 08/Feb/2023

Cuando hablamos de un formulario que multiplica números en JavaScript es debido a que una de las cosas para las que se ha usado JavaScript en los formularios HTML es para operar entre valores introducidos en los campos del formulario, por ejemplo para multiplicar valores. Aunque nos facilita una funcionalidad hace que por desgracia nos aparezca mucho código JavaScript. Y digo por desgracia ya que creo que no hay cosa más tediosa y complicada que el mantenimiento de JavaScript.

Sin ir más lejos este es uno de los principios en los que se apoya la especificación de XForms. Reducción del código JavaScript. Solo queda que algún día este implementada en los navegadores. Hasta entonces seguiremos usando JavaScript.

En el caso que hoy nos compete, la idea es facilitar al usuario una multiplicación de dos valores introducidos en un formulario. Es por ello que lo primero será el crear el formulario, el cual tendrá tres elementos input que reflejarán los valores del multiplicando, el multiplicador y el resultado:

<form id="multiplicar">
  <input type="text" id="multiplicando" value="0"> X
  <input type="text" id="multiplicador" value="0"> =
  <input type="text" id="resultado">
</form>

Por defecto hemos dado un valor de 0 a los campos. Aunque esto es opcional.

La idea es que cada vez que alguien modifique o bien el multiplicando o bien el multiplicador, el resultado cambie. Es por ello que tendremos que controlar el evento onChange sobre dichos campos. Este evento llamará a la función multiplicar, la cual codificaremos más adelante.

<form id="multiplicar">
  <input type="text" id="multiplicando" value="0" onchange="multiplicar();"> X
  <input type="text" id="multiplicador" value="0" onchange="multiplicar();"> =
  <input type="text" id="resultado">
</form>

La función multiplicar() será el código JavaScript que realice la multiplicación. Esta función la deberemos de poner en la cabecera de la página HTML.

Esta función, lo primero que hará sera ir a recuperar el valor de los elementos del formulario. Para ello nos apoyaremos en el DOM de los elementos de la página y en su función getElementById(). El parámetro será el valor del atributo id del elemento input.

Mucho cuidado con las mayúsculas y minúsculas de getElementById(). Un pequeño error en esto hará que la función no funcione y nos volvamos locos buscando el error.

m1 = document.getElementById("multiplicando").value;
m2 = document.getElementById("multiplicador").value;

Esta función devolverá el elemento HTML en cuestión, es decir, el input. Así que habrá que acceder al valor del elemento con el atributo value.

Ahora ejecutamos la multiplicación. Veamos la línea de código:

r=m1*m2;

Y por último deberemos de asignar el valor al campo de resultado. Para ello volvemos a utilizar el getElementById().

document.getElementById("resultado").value = r;

De esta forma la función multiplicar() quedaría de la siguiente forma:

function multiplicar(){
  m1 = document.getElementById("multiplicando").value;
  m2 = document.getElementById("multiplicador").value;
  r = m1*m2;
  document.getElementById("resultado").value = r;
}

De esta forma ya hemos podido comprobar cómo se crea un formulario que multiplica números en JavaScript.

Código Formulario que multiplica números en JavaScript

https://github.com/victorcuervo/lineadecodigo_javascript/blob/master/formularios/multiplicar-numeros.html

Formulario que multiplica números en JavaScript
Formulario que multiplica números en JavaScript

Código Fuente

Descárgate el código fuente de Formulario que multiplica números en JavaScript
Y si te ha gustado nuestro código fuente puedes regalarnos una estrella Star

Vídeos sobre Javascript

Disfruta también de nuestros artículos sobre Javascript en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test Javascript

¿Te atreves a probar tus habilidades y conocimiento en Javascript con nuestro test?

Test Javascript