Massif Example Sentence Button

Generates a button linking to Massif, which shows more example sentences of the word.

Dovrai installare un'estensione come Tampermonkey, Greasemonkey o Violentmonkey per installare questo script.

Dovrai installare un'estensione come Tampermonkey o Violentmonkey per installare questo script.

Dovrai installare un'estensione come Tampermonkey o Violentmonkey per installare questo script.

Dovrai installare un'estensione come Tampermonkey o Userscripts per installare questo script.

Dovrai installare un'estensione come ad esempio Tampermonkey per installare questo script.

Dovrai installare un gestore di script utente per installare questo script.

(Ho già un gestore di script utente, lasciamelo installare!)

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

(Ho già un gestore di stile utente, lasciamelo installare!)

// ==UserScript==
// @name        Massif Example Sentence Button
// @namespace   Violentmonkey Scripts
// @match       https://jpdb.io/vocabulary/*
// @grant       none
// @version     0.2
// @author      Alex Chapman 2025
// @license     MIT
// @description Generates a button linking to Massif, which shows more example sentences of the word.
// ==/UserScript==

const documentQuery = document.querySelector('.hbox');
if (documentQuery) {
    // Grab current word
    let url = window.location.pathname;
    let word = url.split('/')[3];
    let decodedWord = decodeURIComponent(word);

    // Insert button with link to Massif
    documentQuery.insertAdjacentHTML('afterend', `
    <div class="massif-button" style="font-size: 200%; text-align: left;">
      <a href="https://massif.la/ja/search?q=${word}">
        <button>Massif Examples for ${decodedWord}</button>
      </a>
    </div>
    `);
}