forte74 Ответов: 1

Как я могу использовать plunker, чтобы отобразить таблицу животные

Как использовать plunker для отображения таблицы animals, если я запускаю этот JS-код в plunker, то по какой-то причине таблица animal не будет отображаться.

var func1 = function(){
	func2();		
};
var Car = function(){
	this.funcX = function(){
		this.funcY();
	}
	this.funcY = function(){
		this.funcZ();
	}
}
var car = new Car();


console.log(car);

var animals = [
 { animal: 'Horse', name: 'Henry', age: 43 },
 { animal: 'Dog', name: 'Fred', age: 13 },
 { animal: 'Cat', name: 'Frodo', age: 18 }
];
console.table(animals);


Что я уже пробовал:

Плунжер[^]

1 Ответов

Рейтинг:
2

Ehsan Sajjad

консоли.таблица распечатаем в табличном виде на консоли браузера инструменты разработчика, для этого нажмите F12 на странице, а затем обновите страницу, вы и из панели инструментов dev перейдите в консоль, и тогда вы увидите данные, зарегистрированные в табличной форме.

вам нужно будет сначала добавить немного html, а затем с помощью javascript добавить строки с такими данными, как:

<table id="animalstable">
      <thead>
        <tr><td>Animal</td>
        <td>Name</td>
        <td>Age</td>
      </tr></thead>
</table>


а затем в JS файл добавьте код типа:

document.addEventListener('DOMContentLoaded', function() {

  var animals = [{
    animal: 'Horse',
    name: 'Henry',
    age: 43
  }, {
    animal: 'Dog',
    name: 'Fred',
    age: 13
  }, {
    animal: 'Cat',
    name: 'Frodo',
    age: 18
  }];
  console.log(animals);
  var table = document.getElementById("animalstable");
  for (var index in animals) {
    console.log(index);
    table.innerHTML += "" + animals[index].animal + "" + animals[index].name + "" + animals[index].age + "";
  }

}, false);


Смотрите обновленное Демо-версия Plunker здесь

forte74

Я получаю в консольном скрипте. js: 37 Uncaught ReferenceError: animals не определен(…)