Problema de formatação na captura e inserção de dados usando javascrip
Olá pessoal, minha dúvida é de iniciante mas gostaria de saber como resolver esse problema, o codigo abaixo pega um valor que o usuario inseriu no input, faz uns calculo e retorna os valores abaixo do input no site, mas percebam que esta mal formatado por quê? na teoria deveria aparecer os valores sem pular linhas, mas não estou entendendo o porque dessa bagunça kk. Quero que os valores fiquem na frente do texto, pra ficar mais organizado.
<!DOCTYPE html>
<html>
<body>
Informe o salário atual: <input type="number" id="salario" name="salario" size="5">
<button onclick="reajustar()">Reajustar</button> <br />
<p>
Salario antes do reajuste: <b><div id="salario_antigo"></div></b>
Percentual de aumento aplicado: <b>10%</b><br />
Valor do aumento: <b><div id="aumento"></div></b>
Novo salário, após o aumento: <b><div id="salario_atual"></div></b>
</p>
<script>
function reajustar() {
var salario=document.getElementById("salario").value;
document.getElementById("salario_antigo").innerHTML="R$ " + salario;
document.getElementById("aumento").innerHTML= "R$ " + (salario*100 * 0.1)/100;
document.getElementById("salario_atual").innerHTML="R$ " + ((salario*0.1)+(salario*1));
}
</script>
</body>
</html>Discussão (1)
Carregando comentários...