Comencemos por el principio, HTML es un lenguaje de etiquetas, no tiene lógica.
Lo que tienes es Javascript; además java != javascript
, o lo que es lo mismo, Java es un lenguaje y Javascript otro, lo único que tienen en común es la palabra java, el resto es muy diferente.
Javascript tiene la siguiente estructura a la hora de declarar funciones o variables:
var/let nombreVariable = tuValor;
var
es para uso global, let
para un uso determinado dentro de la función.
function NombreTuFuncion(parametros){
//lógica
}
Ahora paso a analizar tu código:
Numberprompt("operaçao?")
¿Esto existe en javascript?
- ¿Por qué usas una { para empezar la lógica?
if(//condición){//haz aquí si la condición es correcta} elseif(//condicionSiLaPrimeraNo){//codigo} else{ //esto si no lo es }
Lo que creo que has intentado pero no has realizado correctamente:
var a, b, x, soma, media, listagem;
//Variables númericas
a = Number(prompt("Primer valor:"));
b = Number(prompt("Segundo valor:"));
//Variable de texto
x = prompt("Tipo de operación:");
//switch para seleccionar la opcion en cada caso (ahorra uso de memoria y tiempo de ejecución)
switch(x){
case "m":
listagem = CSSMathMax( a, b);
break;
case "M":
listagem = CSSMathMin( a, b);
break;
case "E":
alert("ERROR");
break;
case "+":
listagem = (a + b);
break;
case "-":
listagem = (a - b);
break;
case "*":
listagem = (a * b);
break;
case "//":
listagem = (a / b);
break;
}
alert(listagem);
Edición snippet con html
var a, b, x, listagem;
function Calcular(){
a = document.getElementById('a').value;
b = document.getElementById('b').value;
var e = document.getElementById("operador");
x = e.options[e.selectedIndex].value;
//switch para seleccionar la opcion en cada caso (ahorra uso de memoria y tiempo de ejecución)
switch(x){
case "m":
listagem = CSSMathMax( a, b);
break;
case "M":
listagem = CSSMathMin( a, b);
break;
case "E":
alert("ERROR");
break;
case "+":
listagem = (a + b);
break;
case "-":
listagem = (a - b);
break;
case "*":
listagem = (a * b);
break;
case "//":
listagem = (a / b);
break;
}
document.getElementById("res").value = listagem;
}
<div>
<label>Primer valor:</label>
<input type="text" id="a" name="a">
</div>
<div>
<label>Operador:</label>
<select id="operador">
<option value="m">Minimo</option>
<option value="M">Maximo</option>
<option value="+">Sumar</option>
<option value="-">Restar</option>
<option value="*">Multiplicar</option>
<option value="/">Dividir</option>
</select>
</div>
<div>
<label>Segundo valor:</label>
<input type="text" id="b" name="b">
</div>
<div>
<button type="button" onClick="Calcular()">Calcular!</button>
</div>
<div>
<label>Resultado:</label>
<input type="text" id="res" name="res" readonly>
</div>