jquery - Changing the addClass in a javascript function to be called twice -
i have function below:
var players = function(){ var $div = $('<div>').attr('id', 'prompt'); var $input = $('<input>').attr('class', 'player' + playernames); var $p = $('<p>').attr('class', 'player' + playernames).html("enter first player" ); $div.append($input).append($p); $('.container').append($div); $('input').keydown(function(e) { if(e.keycode === 13) { $div.addclass('move-left').removeattr('id'); playerone = $input.val(); $p.html($input.val()) $input.remove(); } }); } i want call function twice in row.
i want .addclass('move-left') addclass('move-right') playernames starts @ 0 1 , "enter first player" "enter second player".
do need for? if have wrap entire function?
thanks!
what passing things parameters function? and, perhaps instead of playerone being closed over, make local variable declare , return
var players = function(promptstr, classstr){ var $div = $('<div>').attr('id', 'prompt'); var $input = $('<input>').attr('class', 'player' + playernames); var $p = $('<p>').attr('class', 'player' + playernames).html(promptstr ); $div.append($input).append($p); $('.container').append($div); var playerx = {name:null}; $('input').keydown(function(e) { if(e.keycode === 13) { $div.addclass(classstr).removeattr('id'); playerx.name = $input.val(); $p.html($input.val()) $input.remove(); } }); return playerx; } var playerone = players("ready player one", "move-left"); var playertwo = players("enter player two", "move-right");
Comments
Post a Comment