Cделать расширение, чтобы оно получало с сайта z-index и выводило его

Надо выпендриться перед подругой)) Знаю, что вас замучили подобные вопросы, но всё равно прошу помочь не сведущему, есть код. Мне необходимо сделать расширение, чтобы оно получало с сайта z-index и выводило его:

var zndx = document.querySelector('[data-id="12"]').style.zIndex

document.write(zndx)
<button data-id="32" aria-label="summer" style="z-index: 16, top:700">

не работает, помогите советом, пожалуйста, без jquery


Ответы (2 шт):

Автор решения: Simon

После z-index: 16 должна быть ;, так же Вы пытаетесь получить элемент с [data-id="12"], а не [data-id="32"].

Рабочий код:

const zndx = document.querySelector('[data-id="32"]').style.zIndex

console.log(zndx)
<button data-id="32" aria-label="summer" style="z-index: 16; top:700">Button</button>

→ Ссылка
Автор решения: Опан
const zndx = window.getComputedStyle(document.querySelector('[data-id="32"]'),null).getPropertyValue("z-index");
console.log(zndx);
→ Ссылка