calc
calc2.html
— 2.2 KB
Continguts del fitxer
<!-- Documento HTML-->
<!DOCTYPE html>
<html lang="es-ca">
<head>
<meta charset="ISO 8859-1">
<meta name="viewport" content="width=device-width, initial-scale=1.0" /><!-- Etiqueta para adaptar a @media -->
</head>
<body>
<form name="calculator">
<p>Fes clculs per veure'n els resultats</p>
<input type="textfield" name="ans" value="">
<br>
<input type="button" value="1" onClick="document.calculator.ans.value+='1'">
<input type="button" value="2" onClick="document.calculator.ans.value+='2'">
<input type="button" value="3" onClick="document.calculator.ans.value+='3'">
<input type="button" value="+" onClick="document.calculator.ans.value+='+'">
<br>
<input type="button" value="4" onClick="document.calculator.ans.value+='4'">
<input type="button" value="5" onClick="document.calculator.ans.value+='5'">
<input type="button" value="6" onClick="document.calculator.ans.value+='6'">
<input type="button" value="-" onClick="document.calculator.ans.value+='-'">
<br>
<input type="button" value="7" onClick="document.calculator.ans.value+='7'">
<input type="button" value="8" onClick="document.calculator.ans.value+='8'">
<input type="button" value="9" onClick="document.calculator.ans.value+='9'">
<input type="button" value="*" onClick="document.calculator.ans.value+='*'">
<br>
<input type="button" value="0" onClick="document.calculator.ans.value+='0'">
<input type="reset" value="c">
<input type="button" value="/" onClick="document.calculator.ans.value+='/'">
<input type="button" value="=" onClick="document.calculator.ans.value=eval(document.calculator.ans.value)">
</form>
<br><br><br><br>
<form oninput="resultado.value=parseInt(a.value)+parseInt(b.value)">
<input type="range" name="b" value="50" /> +
<input type="number" name="a" value="10" /> =
<output name="resultado">60</output>
</form>
<br><br><br><br>
<form oninput="resultado.value=parseInt(a.value)+parseInt(b.value)">
<input type="number" name="b" value="50" /> +
<input type="number" name="a" value="10" /> =
<output name="resultado">60</output>
</form>
</body>
</html>