MediaWiki:Gadget-HelloWorld.js

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.

var HelloWorld = {

	init: function () {

		// Create a button using OOUI
		// Note! OOUI is being replaced by Codex
		var button = new OO.ui.ButtonWidget( { label: 'Click me!' } );

		// Bind events
		button.on( 'click', HelloWorld.sayHello );

		// Add the button to the DOM
		$( '.hello-world' ).html( button.$element );
	},

	sayHello: function () {
		alert( 'Hello world!' );
	}
};

mw.loader.using( [
	'oojs-ui-core'
], HelloWorld.init );