Alert on click with Tampermonkey

Asked Feb 01 '22 at 10:16

Active Feb 01 '22 at 10:16

Viewed 691 times

I'm trying to make Tampermonkey create an alert whenever this button is clicked:

<button id="main-sideline" class="awsui_button_vjswe_108wz_7 awsui_variant-normal_vjswe_108wz_27" type="submit">
<span class="awsui_content_vjswe_108wz_3">Sideline</span>
</button>

What could be wrong here please:

// ==UserScript==
// @name         New Userscript
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @require      https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js
// @match        https://databee.com
// @icon         https://www.google.com/s2/favicons?domain=amazon.dev
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
     document.getElementById("main-sideline").onclick = function() {
     alert('clicked');
     };

})();

asked Feb 01 '22 at 10:16

madacmjtr

1

I would assume your code is running before the DOM is ready. Add a DOM ready event listener: https://stackoverflow.com/a/12897970/519413 – Rory McCrossan Feb 01 '22 at 10:17
Also, use `addEventListener()` instead of `onclick` – Rory McCrossan Feb 01 '22 at 10:18
Like this: `(function() { 'use strict'; function alert() { alert('clicked'); } const x = document.getElementById("main-sideline") x.addEventListener("click",alert,false) })();` – madacmjtr Feb 01 '22 at 10:30
Not quite, like this: https://jsfiddle.net/RoryMcCrossan/ujgLv0qe/ – Rory McCrossan Feb 01 '22 at 11:00
It will work here, but on the actual website doesn't work saddly – madacmjtr Feb 01 '22 at 12:41
It simply does not work, because the script does not find the element. The code has no issues – zitzennuggler Feb 02 '22 at 17:00

Alert on click with Tampermonkey

0 Answers0