( ′∀`)σ≡σ☆))Д′)レ(゚∀゚;)ヘ=З=З=Зε≡(ノ´_ゝ`)ノ
import puppeteer from 'puppeteer';
//let name = 'jack';
(async () => {
const browser = await puppeteer.launch({headless: 'new' });
const page = await browser.newPage();
// Load "https://www.thebrand.ai/brandai/bgstuffX/api.php"
await page.goto('https://www.thebrand.ai/brandai/bgstuffX/api.php');
// Resize window to 1536 x 746
await page.setViewport({ width: 1536, height: 746 });
// Click on <div> "Blob"
await page.waitForSelector('.brandbtn:nth-child(1) .cardclass');
await page.click('.brandbtn:nth-child(1) .cardclass');
// Click on <svg> .css-158n48x
await page.waitForSelector('.css-158n48x');
await page.click('.css-158n48x');
// Click on <span> "1:1"
await page.waitForSelector('.brandbtn:nth-child(7) > .css-1ik77s5');
await page.click('.brandbtn:nth-child(7) > .css-1ik77s5');
// Click on <svg> .brandbtn > .css-158n48x
await page.waitForSelector('.brandbtn > .css-158n48x');
await page.click('.brandbtn > .css-158n48x');
// Click on <input> .css-1rr4qq7 [placeholder="6600FF"]
await page.waitForSelector('.css-1rr4qq7 [placeholder="6600FF"]');
await page.click('.css-1rr4qq7 [placeholder="6600FF"]');
// Click on <input> .css-1rr4qq7 [placeholder="6600FF"]
await page.waitForSelector('.css-1rr4qq7 [placeholder="6600FF"]');
await page.click('.css-1rr4qq7 [placeholder="6600FF"]');
// Fill "ffffff" on <input> .css-1rr4qq7 [placeholder="6600FF"]
await page.waitForSelector('.css-1rr4qq7 [placeholder="6600FF"]:not([disabled])');
await page.type('.css-1rr4qq7 [placeholder="6600FF"]', "ffffff");
await page.waitForSelector('.css-1e6ma0l');
const innerHTML = await page.$eval('.css-1e6ma0l', (element) => element.innerHTML);
console.log(innerHTML);
await browser.close();
})();