Construí una clase y creé un objeto a partir de ella. Sin embargo, cuando lo veo en la consola, no puedo llamar al método changeColor en el objeto porque "no está definido", pero parece que lo estoy mirando directamente... ¿Qué me estoy perdiendo, por favor?
Este es mi script constructor de clases llamado car.js:
class NewCar { constructor ( make, model, year, seats, color, price, hybrid, ) { this.make = make; this.model = model; this.year = year; this.seats = seats; this.color = color; this.price = price; this.hybrid = hybrid; }; changeColor (newColor) { this.color = newColor; } } export default NewCar;Aquí está el script que importa y usa el constructor para construir un objeto volvoxc40 a partir de él, llamado script.js.
import NewCar from "./car.js" const volvoxc40 = new NewCar( "Volvo", "xc 40", 2022, 5, "red", 20000, true, ); console.log ('The new car: ', volvoxc40 );Y para completar, aquí está el HTML que hace referencia a los 2 scripts:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Classes</title> <script type="module" src="car.js"></script> <script type="module" src="script.js"></script> </head> </html>Gracias