Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal, estou começando a mexer com javascript e jquery e estou com problema aqui:
Estou tentando tirar o valor de um input para fazer um calculo mas não consigo fazer isso. Veja os códigos:
<html>
<head>
<title>Conversores</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript"src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#titlebox').toggle(function(){
$('#convbox').slideDown("fast");
},function(){
$('#convbox').slideUp("fast");
}); });
var celsius = document.getElementById("grau").value;
function conta(){
alert("O resultado é: "+celsius);
}
</script>
</script>
</head>
<body>
<h1 id="titulo">Conversores</h1>
<div id="corpo">
<h2>Temperaturas</h2>
<div class="box">
<a href="#"><div id="titlebox">Celsius para Kevin</div></a>
<div id="convbox">
<center>
<form name="temperatura">
<p>
<input type="text" id="grau" name="grau" />
dá <span id="resultado"></span> </p>
<input type="button" value="Converter" onClick="conta()"/></form>
</center>
</div>
</div>
</div>
</body>
</html>body {
font-family: Verdana;
}
#titulo {
text-align: center;
}
#corpo {
margin: 100px auto 100px auto;
max-width: 1000px;
border: 3px solid #ff0000;
}
.box {
border: 2px solid #000000;
}
#titlebox {
height: 30px;
background: #d2d5d3;
}text-decoration: none;
color: #000000;
}
#convbox {
height:200px;
border: 1px solid #000000;
display:none;
background: #f4f4f4;
}border: 2px solid #000000;
height: 50px;
width: 200px;
font-size: 30px;
}
#resultado {
border: 2px solid #000000;
padding: 5px;
font-size: 30px;
background: #ffffff;
}Carregando comentários...