27.11.2022, 20:34
Liebe Community,
mit großem Interesse verfolge ich einen JS Kurs und bin voller Elan dabei.
Beim Modul mit den Klassen, habe ich nun versucht ein eigenes Beispiel zu bauen.
Leider kann ich die vorhandene Fehlermeldung nicht genau deuten.
Es wäre schön, wenn ihr mal drüber schauen könntet.
Vielen lieben Dank für eure Hilfe.
Mein Übungsziel sollte sein:
Uncaught ReferenceError: main is not defined at HTMLButtonElement.onclick ([u]index.html:35:33
Code index.html:
Code car.js:
Code main.js:
mit großem Interesse verfolge ich einen JS Kurs und bin voller Elan dabei.
Beim Modul mit den Klassen, habe ich nun versucht ein eigenes Beispiel zu bauen.
Leider kann ich die vorhandene Fehlermeldung nicht genau deuten.
Es wäre schön, wenn ihr mal drüber schauen könntet.
Vielen lieben Dank für eure Hilfe.
Mein Übungsziel sollte sein:
- eine eigene Klasse „Car.js“ erstellen und darin Daten speichern
- aus einer anderen „main.js“ Datei, sollen dann diese Daten ausgelesen und ausgegeben werden. (hier reicht mir die Ausgabe per Konsole)
Uncaught ReferenceError: main is not defined at HTMLButtonElement.onclick ([u]index.html:35:33
Code index.html:
Code:
<!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">
<script type="module" src="main.js" type="text/javascript"></script>
<style>
#car_field {
margin: 10px;
}
</style>
<title>Car-Rechner</title>
</head>
<body>
<div>
<div id="car_field">
<label>Car Name</label><br>
<input id="CarName" type="text">
</div>
<br>
</div>
<div id="car_field">
<label>Car Age</label><br>
<input id="CarAge " type="number">
</div>
<br>
<div id="car_field">
<label>Car color</label><br>
<input id="CarColor" type="text">
</div>
<button onclick="main()">Ok</button>
</div>
</body>
</html>Code car.js:
Code:
export class Car {
constructor(CarName, CarAge, CarColor){
this.CarName = CarName;
this.CarAge = CarAge;
this.CarColor = CarColor;
}
};Code main.js:
Code:
import {Car} from "./car.js"
function main() {
var inputCarName = document.getElementById("CarName").value;
var inputCarAge = document.getElementById("CarAge").value;
var inputCarColor = document.getElementById("CarColor").value;
var car = new Car(inputCarName,inputCarAge,inputCarColor);
var car2 = new Car(inputCarName,inputCarAge,inputCarColor);
console.log(car);
console.log(car2);
}