estuve intentando crear un programa en js que calcule el promedio, que en realidad es unos de los ejercicios que hago, y llegue un punto muerto, ya que no termino de entender porque cuando uso select saca cualquier cosa. Y mi programa andaba en un principio pero yo intente hacerlo con select, para luego usar seletedIndex y desde allì todo fallo cuando volvi al código que si funcionaba ya no funcianaba porque en debe sacar el promedio bien hace cualquier otra cosa, en fin me gustaria saber porque de este comportamieto aqui mi código:
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Ejercicio 50</title>
<script type="text/javascript">
let medio = () =>{
let nota1 = document.form.nota1.value;
let nota2 = document.form.nota2.value;
console.log(nota1,nota2);
let medio1 = (nota1 + nota2) / 2;
console.log(medio1);
let obj = document.getElementById("contenedor3").innerHTML = `El promedio es ${medio1}`;
}
</script>
</head>
<body>
<head>
<h1>Calculo de notas.</h1>
</head>
<main>
<form name="form">
<label>Nota:</label>
<input type="text" name="nota1" onchange="">
<label>Porcentaje</label>
<div id="contenedor1"></div>
<br>
<label>Nota:</label>
<input type="text" name="nota2" onchange="">
<label>Porcentaje:</label>
<div id="contenedor2"></div>
<input type="button" value="calcular" onclick="medio()">
<p id="contenedor3"></p>
</form>
</main>
</script>
</body>
</html