нет всё чисто, никаких ошибок там нет. а окно не высвечивает размер..

Ясно.
Используй getComputedStyle(element).height для получения высоты

Спасибо тебе большое ))

var hh = getComputedStyle(document.getElementById("header")).height
hh += getComputedStyle(document.getElementById("footer")).height;

alert( hh );

Получаю: 50px20px

Как сложить эти значения (как понимаю это строки) ?

const transform = n => 
  ["ноль","один","два","три","четыре","пять","шесть","семь","восемь","девять"]
  .reduce((m, v, i) => m.set(v, i) && m.set(i, v) && m, new Map)
  .get(n)

У мапа конструктор аргумент принимает, если что

И в хроме
Кинь код текстом

спасибо помогло !

СF это просто функция

cf1, cf2 это объекты, созданные через вызов конструктора CF

CFp - это объект, который хранится в свойстве prototype CF (CF.prototype)

Важно понимать, что при вызове функции как конструктора, то есть с использованием оператора new, объект CF.prototype, будет записан интерпретатором в свойство "__proto" создаваемого объекта-экземпляра, а это значит, что "cf1.__proto__", "cf2.__proto__", "cf3.__proto__", "cf4.__proto__", "cf5.__proto__", а также CF.prototype будут ссылаться на один и тот же объект - CFp

В случае с Map

CF:

function Map() { ... }

CFp:

Map.prototype - объект, где хранятся все методы для работы с Map (get, set и т.д.)

cf1:

let instance  = new Map()

"instance.__proto__" ссылается на тот же объект, что и Map.prototype

В САМОМ объекте instance никаких методов нет и они не наследуются, а ищутся в цепочке прототипов, которую можно проследить через свойство __proto__

Тележка нижние подчеркивания режет у proto
"__proto__" - вот так должно быть

А сейчас остались...
Хз, ну ладно...

ахах

это все реально про реактеров))

Спасибо за развернутый ответ. Сейчас стараюсь вкурить. Вроде понятно. Потом еще перечитаю, лучше пойму. В начале тяжело как в темном лесу, а потом на изи, новые нейронные связи в мозгу укрепляются)  
По инфе МДН прото уже deprecated https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/proto

прям вдохновение сегодня

В общем есть макет страницы трёх-колоночной: content посередине, и две боковые колонки (одна float: left, другая float: right соответственно). header зафиксирован, footer тоже.

Чтобы средняя колонка (content) имела минимальную высоту окна - высоты хидера и футера, при недостаточном наполнении текста (чтобы рамочка этого дива шла от хидера до футера даже если там три строчки текста).

В данный момент не могу получить точное значение, чтобы вертикальный скроллбар не появлялся почём зря (высчитывается высота для content немного больше).

Может кто решал подобную задачу, посдкажите куда копать...

<script>

 window.onload = function() {
   var header_style = getComputedStyle(document.getElementById("header"));
   var footer_style = getComputedStyle(document.getElementById("footer"));

   var hh = parseFloat(header_style.height) + parseFloat(footer_style.height) ;

   document.getElementById("content").style.minHeight = (document.documentElement.clientHeight-hh)+'px';

   alert( hh ); // debug
 };

</script>

а флексами не?

Тут главное не торопиться и проверять на практике, проще будет