Manclok,
<html>
<head>
<meta charset="utf-8">
<script>
function p() {
var wi=parseInt(document.getElementById('h').value),
he=parseInt(document.getElementById('w').value);
he=Math.pow(he,2);
wi=Math.pow(wi,2);
var s = Math.sqrt(he+wi);
alert(s)
}
</script>
</head>
<body>
<input type=text id='h' size="5" value="3">x</input><br>
<input type=text id='w' size="5" value="4">y</input><br>
<input type=button value="Расстояние" onClick="p()">
</body>
</html>
для таких вопросов есть тема
Общие вопросы Javascript