Funktionen definieren in JS

Zwei Schreibweisen für eine neue Funktion: mit Name oder ohne Name. Die zweite Schreibweise kann auch in JSON verwendet werden.

by bjelline

HTML

<form>
<h2>Text-Wiederholungs-Maschine</h2>
<input id="s" value="bla"> ist der Text <br>
<input id="x" value="3"> mal wiederholen <br>
<input id="r1" value="mit r1" type="button">
<input id="r2" value="mit r2" type="button">  
</form>

CSS

input {
    text-align:right;
    width: 50px;
}
form { 
    border-bottom: 1px black solid;
}

JavaScript

function r1(s, x) {
    var result = "";
    while (x) {
        result += s;
        x--;
    }
    return result;
}

r2 = function(s, x) {
    var result = "";
    while (x) {
        result += s;
        x--;
    }
    return result;
}


// Zeugs für das Formular und die Ausgabe

$(document).ready(function() {

    $('#r1').on('click', function() {
        var s = $('#s').val(),
            x = parseInt($('#x').val());

        $('form').after("<p>r1(" + s + "," + x + ") =" + r1(s, x) + "</p>");
    });


    $('#r2').on('click', function() {
        var s = $('#s').val(),
            x = parseInt($('#x').val());

        $('form').after("<p>r2(" + s + "," + x + ") =" + r2(s, x) + "</p>");
    });

});