Tampermonkey userscript to fix title for new brach from merge request in GitLab

userscript.js

// ==UserScript==
// @name         Fix title for new brach from merge request
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Adds small button to insert correct branch name
// @author       Me
// @match        https://gitlab.com/*/issues/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=gitlab.com
// ==/UserScript==


(function() {
    'use strict';

    const btn = document.createElement('button')
    btn.className = 'gl-button btn btn-md'
    btn.innerText = 'Fix'
    btn.style.marginLeft = '10px'

    btn.addEventListener('click', function() {
        const issueId = document.body.getAttribute('data-page-type-id')
        const issueTitle = document.querySelector("h1[data-testid=issue-title]").innerText
        const inputName = document.getElementById('new-branch-name')
        inputName.value = `${issueId}-${issueTitle.replaceAll(' ', '-')}`
        inputName.dispatchEvent(new KeyboardEvent('keyup', {shiftKey: true}));
    })

    const appendAfterEl = document.querySelector('#create-merge-request-dropdown button[data-action=create-mr]')
    appendAfterEl.after(btn)
})();