| // utils | |
| const nextBtnSelector = "button[aria-label='Next']"; | |
| const connectBtnsSelector = ".artdeco-button__text"; | |
| const sendBtnSelector = | |
| ".artdeco-modal__actionbar .artdeco-button.artdeco-button--2.artdeco-button--primary"; | |
| const timeBetweenEachClick = 2000; | |
| const timeBeforeInteractingWithNextPage = 2000; | |
| const delay = (ms) => new Promise((resolve) => setTimeout(resolve, ms)); |
this keyword mainly refers to different values in JS. In most cases it refers to the scope it was called from, but I'll list how it holds values based on different conditions below.
A rule of thumb, look to the left of this. It's likely the value of it, unless for conditions mentioned below.
The coming examples expects that JS is called in the browser.
console.log(this) //window object
| // Generics | |
| /* | |
| * | |
| ===> Ex1 | |
| * | |
| */ | |
| type G1<S> = { | |
| data: S; |
| const html = ` | |
| your html here | |
| `; | |
| class App extends React.Component { | |
| componentDidMount() { | |
| const wrapper = document.querySelector('#d3_code'); | |
| const range = document.createRange(); | |
| range.setStart(wrapper, 0); | |
| wrapper.appendChild( |
| function getPlaylistDuration(selector) { | |
| const wrappers = Array.from(document.querySelectorAll(selector || '.ytd-page-manager:not([hidden]) #thumbnail .ytd-thumbnail-overlay-time-status-renderer .ytd-thumbnail-overlay-time-status-renderer')) | |
| const timeArr = []; | |
| for (let i = 0; i < wrappers.length; i++) { | |
| if (wrappers[i].innerText.trim().includes(':')) { | |
| timeArr.push(wrappers[i].innerText.trim()) | |
| } | |
| } | |
| function getDuration(timeArr) { | |
| let duration = 0 |