Al presionar en el boton el programa entero colapsa mandando ese error, da igual que haya datos en los input o no...
let nombre = document.getElementById("nombre").value;
let edad = document.getElementById("edad").value;
let nota = document.getElementById("notaMedia").value;
let boton = document.getElementById("boton");
boton.onclick = function (e) {
if (nombre == null || edad == null || nota == null) {
alert("Datos incorrectos");
} else {
let estudiante = new Estudiante(nombre, edad, nota);
alert(estudiante.getData());
}
}
class Estudiante {
constructor(nombre, edad, notaMedia) {
this.nombre = nombre;
this.edad = edad;
this.notaMedia = notaMedia;
}
get nombre() {
return this.nombre;
}
set nombre(name) {
this.nombre = name;
}
get edad() {
return this.edad;
}
set edad(age) {
this.edad = age;
}
get notaMedia() {
return this.notaMedia;
}
set notaMedia(media) {
this.notaMedia = media;
}
getData() {
return "Nombre: " + this.nombre + ",\nEdad: " + this.edad + ",\nNota Media: " + this.notaMedia;
}
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ejercicio 3 usando POO</title>
</head>
<body>
Nombre: <input type="text" name="" id="nombre"><br>
Edad: <input type="text" name="" id="edad"><br>
Nota Media: <input type="text" name="" id="notaMedia"><br>
<input type="button" value="Almacenar" id="boton">
<script src="script.js"></script>
</body>
</html>