Bookmarklet to create git feature branches from JIRA

createTicket.js

/**
 * A bookmarklet for creating feature branches from JIRA/Trello/Shortcut
 * You can use https://caiorss.github.io/bookmarklet-maker/ to turn this into a minified bookmarklet
 */

/**
  * This bookmarket will empty the page and then create an input and button
  * Cut and paste the JIRA ticket name into the input
  * For example "PJ-5625 Form validation errors"
  * After clicking the button the output will read
  * git checkout -b feature/pj-5625-form-validation-errors
  * Cut and paste this into git/terminal/VSCode and so on.
  */

document.body.replaceChildren();
const template = `
        <input class="input" type="text" value="" />
        <button class="btn-run">Run</button>
        <p class="output">Output</p>
      `;
document.body.insertAdjacentHTML('beforeend', template);

const input = document.querySelector(".input");
const output = document.querySelector(".output");

const formatStr = () => {
    let str = input.value;
    const regex = /[- :\/]+/g;
    str = str.replace(regex, "-");
    output.textContent = `git checkout -b feature/${str.toLowerCase()}`;
};

const trigger = document.querySelector(".btn-run");
trigger.addEventListener("click", () => {
    formatStr();
});

document.addEventListener("DOMContentLoaded", () => {
    input.focus();
});