JSFiddle - React, Tailwind, and code Playground

by Kevin Faulhaber

HTML

<input id="english" type="text" placeholder="english"/>
<input id="pirate" placeholder="pirate"/>
<button id="translate">Translate</button>

JavaScript

var Dictionary = {
        hello:"ahoy",
        hi:"yohoho",
        pardon_me:"avast",
        excuse_me:"arrr",
        stranger:"scurvy",
        sir:"matey",
        madam:"proud beauty",
        miss:"comely wench",
        officer:"foul blaggart",
        enemy:"scallywag",
        where_is:"whar be",
        can_you_help_me_find:"know ye",
        is_that:"be that",
        how_far_is_it_to:"how many leagues to",
        the:"th",
        a:"a briny",
        any:"some godforsaken",
        nearby:"broadside",
        my:"me",
        your:"yer",
        old:"barnacle-covered",
        attractive:"comely",
        happy:"grog-filled",
        restroom:"head",
        restaurant:"galley",
        hotel:"fleabag inn",
        mall:"market",
        pub:"Skull & Scuppers",
        bank:"buried trasure",
        I_would_like_to:"I be needin to",
        I_desire:"I have a fierce fire in me belly",
        I_wish_I_knew_how_to:"I be hankerin to",
        my_mother_told_me_to:"me dear ol mum, bless her black soul, tol me to",
        my_companion_would_like_to:"me mate, ol Rumpot, wants to",
        find:"come across",
        take_a_nap:"have a bit of a lie down",
        make_a_withdrawal:"seize all yer doubloons",
        have_a_cocktail:"swill a pint or two of grog",
        kill_him:"blow the man down",
        frown:"hang the jib",
        take_a_hike:"walk the plank"

};

function translate(text)
{
    pir.value = Dictionary[text.split(' ').join('_')] || 'not found';
    
}

var tra = document.getElementById('translate');
var pir = document.getElementById('pirate');
pir.disabled = true;
var eng = document.getElementById('english');

tra.onclick = function(){ translate(eng.value) };