這是我的問題。我創建了一個複選框,如果它沒有被選中,它會顯示一個提醒('未選中'),如果該框被選中,則顯示該人的信息。問題是我不知道如何訪問cars []數組。它顯示[對象對象]而不是汽車的品牌和年份。Javascript OOP問題
HTML:
<form name="myForm">
<label for="person1">PersonOne</label>
<input type="checkbox" name="checkbox" id="person1">
</form>
<button id="moreInfo">CLICK</button>
<div id="info"></div>
JS:
document.addEventListener("DOMContentLoaded",function(){
var info = document.getElementById('info');
var person1 = {
name:'Joro',
age:20,
cars: [
{
brand:'BMW',
year:1998,
} ,
{
brand:'Punto',
year:2000,
}
],
fullName: function(){
return 'Name: ' + this.name + ' ,, ' +'Age: ' + this.age;
}
}
document.getElementById('moreInfo').addEventListener('click',function(){
if(document.myForm.checkbox.checked){
info.innerHTML = person1.fullName() + person1.cars[1];
} else{
alert('not checked');
}
});
});
喲,謝謝你,我可以問你一個問題。如何使一個函數像我定義的名字+年齡的函數一樣,而不是寫person1.age + person1.name,我可以例如allCars:function(){return this.cars.brand + this.cars.year;} ???把這個人所有的車歸還? - –
我添加了allCars功能 – Alon