Use the arrow keys to navigate the next or previous pages of tutorials ;)
// ==UserScript==
// @name Next/Previous navigation with arrow keys!
// @namespace Violentmonkey Scripts
// @match https://www.w3schools.com/*/*
// @grant none
// @version 1.1
// @author AvinashReddy3108 (assisted by ChatGPT)
// @license WTFPL
// @description Use the arrow keys to navigate the next or previous pages of tutorials ;)
// ==/UserScript==
(function() {
'use strict';
document.addEventListener('keydown', function(event) {
if (event.target.tagName.toLowerCase() === 'input' || event.target.tagName.toLowerCase() === 'textarea') {
return; // Ignore inputs and textareas
}
// Container which has the next/previous buttons
let container = document.querySelector("div.w3-clear.nextprev");
if (!container) return;
// The Next/Previous buttons
let prevButton = container.querySelector("a.w3-left.w3-btn");
let nextButton = container.querySelector("a.w3-right.w3-btn");
if (event.key === 'ArrowLeft' && prevButton) {
window.location.href = prevButton.href;
} else if (event.key === 'ArrowRight' && nextButton) {
window.location.href = nextButton.href;
}
});
})();