Hej
Bedzie kilka samochodow. Kazdy z nich ma: kolor, cena, rodzaj itp. Zrobic to w tablicy czy jako obiekty? Jak łatwiej?
<div id="BMW">
<h1 id="nameBmw"></h1>
Rodzaj<span id="rodzajBmw"></span><br>
Kolor: <span id="kolorBmw"></span><br>
Silnik: <span id="silnikBmw"></span><br>
Cena: <span id="cenaBmw">a<span><br>
</div>
<div id="Audi">
<h1 id="nameAudi"></h1>
Rodzaj<span id="rodzajAudi"></span><br>
Kolor: <span id="kolorAudi"></span><br>
Silnik: <span id="silnikAudi"></span><br>
Cena: <span id="cenaAudi">a<span><br>
</div>
<script src="add-content.js"></script>
tablice:
var names = ['BMW', 'Audi'];
var namesBmw = document.getElementById('nameBmw');
namesBmw.textContent = names[0];
var namesAudi = document.getElementById('nameAudi');
namesAudi.textContent = names[1];
var cena= [1200, 1000];
var cenaBmw = document.getElementById('cenaBmw');
cenaBmw.textContent = cena[0];
var cenaAudi= document.getElementById('cenaAudi');
cenaAudi.textContent = cena[1];
Obiekty:
function auta(rodzaj, cena) {
this.rodzaj= rodzaj;
this.cena= cena;
}
var bmw= new Auta('BMW', 1200);
var audi= new Auta('Audi', 1000);
function bmw() {
var namesBmw = document.getElementById('nameBmw');
namesBmw.textContent = bmw.rodzaj;
var cenaBmw = document.getElementById('cenaBmw ');
cenaBmw .textContent = Bmw.cena;
}
function audi() {
var namesAudi= document.getElementById('nameAudi');
namesAudi.textContent = audi.rodzaj;
var cenaAudi = document.getElementById('cenaAudi');
cenaAudi.textContent = audi.cena;
}
Bmw();
Audi();
Więc jak to robić? Proszę o porady. Jest jeszcze inny sposób?