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

Popular posts from this blog

1111. appearing after print sequence - php -

java - WARN : org.springframework.web.servlet.PageNotFound - No mapping found for HTTP request with URI [/board/] in DispatcherServlet with name 'appServlet' -

Ruby on Rails, ActiveRecord, Postgres, UTF-8 and ASCII-8BIT encodings -