Calculadora Altura x Largura x Valor = Resultado
Bom dia, pessoal. Estou criando um site com vendas de papel de parede através do metro quadrado. Gostaria de adicionar um formulário de cálculo de produto pelo metro quadrado automático para que o cliente já obtenha o valor sem precisar entrar em contato conosco.
Eu achei esse cógido pela web. Eu entendo pouco, consigo só modificar algumas coisas e tudo mais. Mas estou com dificuldade para editar as opções do style. Queria deixar algo bem minimalístico. Se alguém poder me dar uma certa ajuda, mesmo que seja pouco, eu ficarei agradecido.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "url=[http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/url]
<html xmlns="[url=[http://www.w3.org/1999/xhtml](http://www.w3.org/1999/xhtml)][http://www.w3.org/1999/xhtml](http://www.w3.org/1999/xhtml)">[/url]
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Teste</title>
<script type="text/javascript">
valorpormetro=90.00;
function calcula(){
var l=parseFloat(document.getElementById('largura').value.replace(/,/g,"."))||0,
a=parseFloat(document.getElementById('altura').value.replace(/,/g,"."))||0,
valor=Math.round(l*a*valorpormetro*100)+'';
valorformatado=valor.replace(/(\d{2})$/,",$1"),
i=valorformatado.length-6;
while(i>0){
valorformatado=valorformatado.substr(0,i)+'.'+valorformatado.substring(i,valorformatado.length);
i-=3;
}
if(valor=='0')valorformatado='00,00';
document.getElementById('mostra').innerHTML="Metragem Total:"
+Math.round(l*a*10000)/10000+" - R$ "+valorformatado;
}
</script>
</head>
<body>
<form id="teste" name="teste" action="teste.php" method="post">
L: <input type="text" id="largura" name="largura" onkeyup="calcula()" style="width:100px" />
A: <input type="text" id="altura" name="altura" onkeyup="calcula()" style="width:100px" />
(metros) R$ <script type="text/javascript">document.write((valorpormetro*100+'').substr(0,(valorpormetro*100+'').length-2)+','+(valorpormetro*100+'').substr((valorpormetro*100+'').length-2,2))</script>
<div id="mostra"></div>
</form>
</body>
</html>
Gostaria de me desculpar se criei esse tópico de forma que infrinja as regras do fórum.Discussão (2)
Carregando comentários...