GeekGame 2024 Writeups

// 1. get dom
let container = $0.getElementById('centralNoiseContainer');
let chunkElements = container.querySelectorAll('.chunk');

let cssjs = []

// 2. get css
for (const x of container.childNodes[3].sheet.cssRules){if(x.selectorText.startsWith('#chunk-')) {cssjs.push([x.cssText, x.selectorText])}}

let cssObject = {}

for (const css of cssjs) {
    const className = css[1].replace(/#([^:]+)::(before|after)/g, '$1')
    if (!cssObject[className]) {
        cssObject[className] = {
            before: [],
            after: []
        }
    }
    const regex = /attr\((data-[^)]+)\)/gm;
    let m;
    const tmpList = []

    while ((m = regex.exec(css[0])) !== null) {
        if (m.index === regex.lastIndex) {
            regex.lastIndex++;
        }
        tmpList.push(m[1])
    }

    if (css[1].endsWith('before')) {
        cssObject[className].before = tmpList
    } else {
        cssObject[className].after = tmpList
    }
}

// 3. sort text
const textArray = []

for (const dom of chunkElements) {
    const id = dom.id
    const o = cssObject[id]

    textArray.push(...o.before.map(x => dom.getAttribute(x)))
    textArray.push(...o.after.map(x => dom.getAttribute(x)))
}

console.log('value="' + textArray.join('') + '"');

总分 432，总排名 #336
Misc 207 + Web 194