НЕ МОГУ ВЫТЯНУТЬ СВОЙСТВО У ОБЬЕКТА, как будто запрос из функции не видит свойства обьекта, стили которого подключены внешним файлом CSS. Помогите разобраться! Или скажите что нужно почитать
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="kvadrat"></div>
<br>
<input type="button" value="вытащить ширину" onclick="zaprosW()">
<script src="main.js"></script>
</body>
</html>
#kvadrat {
width:300px;
height:300px;
border:2px solid red;
};
function zaprosW() {
var width1 = document.getElementById('kvadrat').style.width;
var width2 = document.getElementById('kvadrat').width;
console.log(width1);
console.log(width2);
console.log(typeof width1);
console.log(typeof width2);
}