¿Se pueden hacer saltos de linea en las variables?

Iniciado por Ori-chan, 28 Febrero 2013, 16:37 PM

0 Miembros y 1 Visitante están viendo este tema.

Ori-chan

Código (lenguaje) [Seleccionar]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>



<script language="javascript">
function fuerza() {
var aceleracion = document.getElementById('aceleracion').value;
var masa = document.getElementById('masa').value;
var fuerza = masa * aceleracion;

               

                var resultado = "Fuerza (f) = masa (m) * aceleración (a)" +
                "m = " + masa +
                "a = " + aceleracion +
                "f = m * a" + 
                "f =" + masa + " * " + aceleracion +
                "f = " + fuerza;
                document.getElementById('resultadofinal').innerHTML=resultado;
}
</script>
</head>

<body>
   

    Aceleración: <input type="text" name="aceleracion" id="aceleracion" size="8" maxlength="30">
    Masa: <input type="text" name="masa" id="masa" size="8" maxlength="30">
    <input type="button" onclick="fuerza()" value="confirmar">
    </br>
    </br>
    </br>
    <div id="resultadofinal"></div>


   
</body>
</html>




en la parte de:
Código (lenguaje) [Seleccionar]
                var resultado = "Fuerza (f) = masa (m) * aceleración (a)" +
                "m = " + masa +
                "a = " + aceleracion +
                "f = m * a" + 
                "f =" + masa + " * " + aceleracion +
                "f = " + fuerza;



¿Como podría meter saltos de línea? ya he probado con "<br>/n"





Un saludo, gracias por leer y espero tu respuesta!!!    ;D


1mpuls0

 :P

Código (html4strict) [Seleccionar]

var resultado = "Fuerza (f) = masa (m) * aceleración (a)" +
               "<br> m = " + masa +
               "a = " + aceleracion +
               "f = m * a" +  
               "f =" + masa + " * " + aceleracion +
               "f = " + fuerza+"";
alert(resultado);
               document.getElementById('resultadofinal').innerHTML=resultado;
}


Saludos.
abc

1mpuls0

El punto aquí es que con innerHtml introduces código dentro de un elemento ya existente que en este caso es el div resultadofinal.

Por cierto ojo con eso que hice   :xD a muchos les da igual a muchos otros no.
La forma correcta es <br />

https://foro.elhacker.net/desarrollo_web/reglas_html_br_o_br-t232044.15.html


Saludos.
abc

Ori-chan

Gracias.
Por cierto, si lo quiero poner en negrita o con cualquier otra variacion de la letra lo tendría que poner en la variable, en innerHTML o en div?


1mpuls0

Cita de: Ori-chan en 28 Febrero 2013, 17:14 PM
Gracias.
Por cierto, si lo quiero poner en negrita o con cualquier otra variacion de la letra lo tendría que poner en la variable, en innerHTML o en div?

Ahí si no hay como un "estandar" por si era tu duda.
En realidad es lo que te sea más fácil si quieres que todo el contenido se muestre en negrita puedes hacerlo de las dos formas, ya sea en resultado de js o directamente en el div.

abc