const v1 = 100;
const count = getComputedStyle(document.documentElement).getPropertyValue('--count');
const width = `calc(100% / ${count} * ${v1})`;
document.querySelector('div').style.width = width;<div>TEST</div>:root {
--count: 50;
}
div {
border: 1px solid red;
}var(--count) не выполнится в этом контексте и надо получить значение CSS переменной через getComputedStyle(document.documentElement).getPropertyValue('--count')$ node ./app.js; node ./app2.js // выполнит по очереди
$ node ./app.js && node ./app2.js // выполнит по очереди, но вторая команда выполнится только первая не упадётfunction sleep(ms) {
return new Promise(resolve => setTimeout(resolve, ms));
}
div2.style = 'background:red';//должно выполниться первым
let info = document.querySelector('#info');
async function myFunc() {
await sleep(1000);
info.innerHTML = 'Привет!';//должно выполниться вторым
await sleep(1000);
div1.style = 'background:green';
}
myFunc();v-on:click="seen = !seen"