Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

BCunha

Exercício de JavaScript

Por , em Javascript

Recommended Posts

BCunha    0

BCunha
Postado

Boa noite,

 

Estou fazendo um exercício onde preciso mostrar a quantidade de livros comprados, o total gasto com cada livro, o total em R$ de todos os livros, a qtde de parcelas escolhidas pelo cliente, e o valor de cada parcela. Estou com o problema no innerHTML, pois eu preciso adicionar no html 4 linhas e ele só adiciona uma, e aleatória ainda. Tenho o código abaixo:(considerem a partir da function livroPHP)

<html>
<head>
<title> Lab. 1 do Cap. 3 </title>
<script type="text/javascript">

var qtdeASP;
var qtdePHP;
var qtdeJavaScript; 
var parA;
var parP;
var parJ;

function livroASP(){

qtdeASP = parseInt(prompt("Informe a quantidade de livro ASP","Digite Aqui!!!!"));
parA = parseInt(prompt("Informe a quantidade de parcelas","Digite Aqui!!!!"));
document.write("<p>A quantidade de livro ASP é:" +qtdeASP+ "</p>");
document.write("<p>O total é:" +(qtdeASP * 30)+ "</p>");
document.write("<p>O número de parcelas é:" +parA+ "</p>");
document.write("<p>O valor de cada parcela é:" +(qtdeASP * 30 / parA)+ "</p>");
}
function livroPHP(){

qtdePHP = parseInt(prompt("Informe a quantidade de livro PHP","Digite Aqui!!!!"));
parP = parseInt(prompt("Informe a quantidade de parcelas","Digite Aqui!!!"));

document.getElementById("confirmacao").innerHTML = "<p>A quantidade de livro PHP é:" +qtdePHP+ "</p><br />";
document.getElementById("confirmacao").innerHTML = "<p>O total é:" +qtdePHP * 50+ "</p>";
document.getElementById("confirmacao").innerHTML = "<p>O número de parcelas é:" +parP+ "</p>";
document.getElementById("confirmacao").innerHTML = "<p>O valor de cada parcela é:" +(qtdeP * 50 / parP)+ "</p>";

}
function livroJavaScript(){

qtdeJavaScript = parseInt(prompt("Informe a quantidade de livro JavaScript","Digite Aqui!!!!"));
parJ = parseInt(prompt("Informe a quantidade de parcelas","Digite Aqui!!!"));

document.getElementById("confirmacao").innerHTML = "<p>A quantidade de livro JavaScript é:" +qtdeJavaScript+ "</p><br />";
document.getElementById("confirmacao").innerHTML = "<p>O total é:" +qtdeJavaScript * 50+ "</p>";
document.getElementById("confirmacao").innerHTML = "<p>O número de parcelas é:" +parJ+ "</p>";
document.getElementById("confirmacao").innerHTML = "<p>O valor de cada parcela é:" +(qtdeJ * 50 / parJ)+ "</p>";

}



function tot(){

document.write("<p> O total é:" +(qtdeASP * 30 + qtdePHP * 40 + qtdeJavaScript * 50)+ "</p>");

}



</script>
<style type="text/css">
#conteudo{
position:relative;
clear:left;
width:800px;
height:600px;
}
#confirmacao{
position:relative;
width:800px;
height:500px;
}

</style>
</head>
<body>
<div id="conteudo">
<h1> Escolha o livro </h1>

<p> Livro de ASP - R$ 30,00 </p>
<h5> 1 x = R$ 30,00 </br> 2 x = R$ 15,00 </br> 3 x = R$ 10,00 </h5>
<p> Livro de PHP - R$ 40,00 </p>
<h5> 1 x = R$ 40,00 </br> 2 x = R$ 20,00 </br> 3 x = R$ 13,30 </h5>
<p> Livro de JavaScript - R$ 50,00 </p>
<h5> 1 x = R$ 50,00 </br> 2 x = R$ 25,00 </br> 3 x = R$ 16,67 </h5>
<br />


<input type="radio" onclick="livroASP()" />ASP <br />
<input type="radio" onclick="livroPHP()" />PHP <br />
<input type="radio" onclick="livroJavaScript()" />JavaScript <br />

<input type="radio" onclick="tot()" />Ver total </br>
</div>
<div id="confirmacao">
Confirmar dados abaixo
</div>
</body>
</html>

 

 

 

Porém não consigo mostrar todos os dados sobre os livros na div confirmacao, se voces executarem irão ver que o browser mostra apenas uma linha aleatória. Como faço para mostrar tudo sobre os livros nesta div confirmacao?

 

 

 

Grata

B Cunha

Compartilhar este post

Link para o post
Compartilhar em outros sites

51L3N7    1

51L3N7
Postado

É só colocar += ao invés de = ^_^

 

document.getElementById("confirmacao").innerHTML = "<p>A quantidade de livro PHP é:" +qtdePHP+ "</p><br />";
document.getElementById("confirmacao").innerHTML += "<p>O total é:" +qtdePHP * 50+ "</p>";
document.getElementById("confirmacao").innerHTML += "<p>O número de parcelas é:" +parP+ "</p>";
document.getElementById("confirmacao").innerHTML += "<p>O valor de cada parcela é:" +(qtdeP * 50 / parP)+ "</p>";

 

Porquê com o += você estará acrescentando um conteudo ao id. Já usando somente o =, você está substituindo o conteúdo. Por isso que aparece apenas uma linha aleatória.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito