Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
const box = document.getElementById("resizable"); const observer = new ResizeObserver(entries => { for (const entry of entries) { const { width, height } = entry.contentRect; console.log(`Box is ${width.toFixed(0)}px × ${height.toFixed(0)}px`); box.textContent = `${width.toFixed(0)} × ${height.toFixed(0)}`; } }); observer.observe(box);
Result
Open