Simple DOM selection utility

find.js

document.findFirst = HTMLElement.prototype.findFirst = function(selector) {
    return this.querySelector(selector);
}

document.findAll = HTMLElement.prototype.findAll = function(selector) {
    return [...this.querySelectorAll(selector)];
}

window.findFirst = document.findFirst.bind(document);
window.findAll = document.findAll.bind(document);

yourscript.js

const oneDiv = findFirst('div');
const allDivs = findAll('div');

const oneParagraphInsideOneDiv = oneDiv.findFirst('p');
const allParagraphsInsideOneDiv = oneDiv.findAll('p');

const oneParagraphInsideAllDivs = allDivs.map(div => div.findFirst('p'));
const allParagraphsInsideAllDivs = allDivs.map(div => div.findAll('p')).flat(); // Might lead to duplicate elements in array