Клас "Животное": почему исчезла таблица?

Статус
Закрыто для дальнейших ответов.

BuzinVova

New Member
Регистрация
05.11.2017
Сообщения
8
Добрый день! Почему исчезла таблица со списком животных? Раньше всё работало нормально и таблица выводилась, но когда переименовал из carSpares в animals, таблица почему-то исчезла. Сможете в комментариях написать, что нужно было сделать на самом деле? Как переименовать объекты и экземпляры и не потерять таблицу?

Файл style.css

h1 {

text-align: center;

font-family: Monotype Corsiva, Arial;

color: #BA0606;

font-style: italic;

}

h2{

text-align: center;

background-color: #FAD899;

color: #E967FA;

}

body {
background-image:url(http://333v.ru/uploads/ca/ca1e27004caab41ef962818707b6de8d.jpg);
-moz-background-size: 100%;
-webkit-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
}

a {

text-decoration: none;

}

a:hover {

text-decoration: underline;

}

a:link {

color: #0000d0;

}

a:visited {

color: #900060;

}

a:active {

color: #AC37C6;

}

.bold24{

font-size:24px;

font-weight:bold;

text-align: center;

}

.tfirst {

border:1px none #9F3207;

border-collapse:separate;

width:100%;

height:100%;

}

#line{

border-bottom-style:ridge;

border-bottom-color:red;

border-bottom-width:2mm;

}

p {

text-align: justify;

font-size:24px;

text-indent:60px

}

ul.square{

list-style-type: square;

font-size:24px;

}

.leftimg{

float:left;

margin: 5px 40px 50px 5px;

width:15%;

height:15%;

}

.rightimg{

float:right;

margin: 5px 5px 40px 30px;

width:20%;

height:20%;

}

.kursiv{

font-style: italic;

}

#leftbold{

font-size:24px;

text-align: left;

font-weight:bold;

text-indent:0px

}

ol.size24{

font-size:24px;

}

.sizeimg{

width:60%;

height:60%;

}

.sizemap{

width:600px;

height:400px;

}
Файл site-animals-1.html



<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html;charset=utf-8">

<title>Пользовательские объекты, часть 1</title>

<link rel="stylesheet" type="text/css" href="style.css"/>

</head>

<body>

<h1>Лабораторная работа №13</h1>

<p class="bold24">Пользовательские объекты</p>

<p class="bold24">Вариант 3</p>

<p>Создать пользовательский объект "животное". Создать в скрипте 10 экземпляров данного объекта и вывести эти данные на страницу.</p>

<p>Здесь используется один из двух способов для описания собственных методов: описание метода включается в описание класса.</p>

<tfoot>
<p align="justify"><font face="Times New Roman"; size="5"><a href="site-animals-2.html" target="_blank" title="Перейти к части 2">Часть 2</a></font></p>
</tfoot>

<script type="text/JavaScript">

function animals(num,kind,name,sex,color,age)

{

this.num=num;

this.kind=kind;

this.name=name;

this.sex=sex;

this.color=color;

this.age=age;

this.printCaption=printCaption;

this.printTableHead=printTableHead;

this.printSpares=printSpares;

}

function printCaption()

{

document.write("<p class=bold24>Список животных</p>");

}

function printTableHead()

{

document.write("<table style=font-size:18px;background-color:#ffffff align=center border=2 cellspacing=1 cellpadding=8 width=200 height=300 bordercolor=#0762A7><tr style=background-color:#9CF686;font-weight:bold;text-align:center><td>№</td><td>Вид</td><td>Кличка</td><td>Самка или самец</td><td>Цвет</td><td>Возраст</td></tr>");

}

function printSpares()

{

document.write("<tr style=text-align:center><td>"+this.num+"</td>"+"<td>"+this.kind+"</td>"+"<td>"+this.name+"</td>"+"<td>"+this.sex+"</td>"+"<td>"+this.color+"</td>"+"<td>"+this.age+"</td></tr>");

}

var animal-1 = new animals(1, "Собака", "Шарик", "Самец", "Коричневый", "11 месяцев");

var animal-2 = new animals(2, "Кошка", "Алиса", "Самка", "Серый", "2 года");

var animal-3 = new animals(3, "Попугай какаду", "Яго", "Самец", "Розовый", "5 лет");

var animal-4 = new animals(4, "Макака-резус", "Абу", "Самец", "Коричневый", "9 лет");

var animal-5 = new animals(5, "Медведь", "Мария", "Самка", "Белый", "15 лет");

var animal-6 = new animals(6, "Волк", "Ракша", "Самка", "Чёрный", "7 лет");

var animal-7 = new animals(7, "Игуана", "Татьяна", "Самка", "Зелёный", "4 года");

var animal-8 = new animals(8, "Мышь", "Джерри", "Самец", "Бежевый", "7 месяцев");

var animal-9 = new animals(9, "Лошадь", "Олд Билли", "Самец", "Рыжий", "22 года");

var animal-10 = new animals(10, "Корова", "Марта", "Самка", "Бурый", "12 лет");

animal-1.printCaption();

animal-1.printTableHead();

animal-1.printSpares();

animal-2.printSpares();

animal-3.printSpares();

animal-4.printSpares();

animal-5.printSpares();

animal-6.printSpares();

animal-7.printSpares();

animal-8.printSpares();

animal-9.printSpares();

animal-10.printSpares();

</script>

</body>

</html>


Простите пожалуйста, я не умею отделять код от текста. Как Выглядят bb-теги для html и css?

Мне всё понятно - дефис не должен быть в имени переменной. либо нижнее подчёркивание, либо верблюжья нотация.
 

Вложения

Статус
Закрыто для дальнейших ответов.
Верх Низ