Mixeyka,
Реально сделай через window.innerHeight
Там ещё прикол есть: когда задаешь style.height = то надо приписывать ещё юнит.
Короче, так всё работает и без всякой ереси вроде 'О! удалил доктайп и работает нормально!'
Ещё: может у тебя не работает потому, что картинки не такие как хочет браузер. Я ему дал картинку и он сразу всё хорошо показал. Он любит девочек.
Ладно, шучу.
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>код без ошибки</title>
<script>
function imageResize() {
document.getElementById("#image").style.height = (window.innerHeight - 100) * 0.9 + 'px';
console.log((document.body.clientHeight - 100) * 0.9 + 'px');
console.log((window.innerHeight - 100) * 0.9 + 'px');
}
</script>
</head>
<body onload="imageResize();" onresize="imageResize();">
<div style="margin-top: 100px; text-align: center;">
<img id="#image" src="J8B7k96FIyI.jpg" alt="голая баба" style="cursor:pointer;">
</div>
</body>
</html>