Translator

by Preston Badeer

HTML

<form>
    <textarea id="original" rows="4" cols="30">Enter text here</textarea><br>
    <input type="button" id="translate" value="Translate">
</form>

<br><br>

<div id="translation">Translation!</div>

CSS

div{border:1px solid black;padding:10px}
#original{font-size:14px;}
#translation{color:#CC8898;}

JavaScript

function translate(text) {
    var newtext = text.replace("you", "my lover");
    return newtext.replace("i", "a lonely person");
}

$(document).ready(function() {

    // Clear box on click
    $('#original').click(function() {
        $(this).html('');
    });

    // Run translator!
    $('#translate').click(function() {
        var text = $('#original').val();

        var newtext = translate(text);

        $('#translation').html(newtext);
    });

});