javascript - nested for loop only executing once -


i using javascript , jquery create simple 40x40 grid.

here's nested loop this:

function display_grid() {         browser_grid=''         $visible_grid = $('#grid');          for(i=0;i<40;i++){             $visible_grid.append('<div>');             for(i=0;i<40;i++){                 $visible_grid.append("<div class='square'> </div>");             }             $visible_grid.append('</div>');         }

i expect create 40 divs each 40 divs inside each 1 of them. browser shows 1 row 40 divs.

<div>     <div class="square></div>     <div class="square></div>     <div class="square></div>     ... </div>

this want do, forty times. i'm not experienced js, i'm confused why first loop isn't executing 40 times.

you need different variable name inner loop.

function display_grid() {     browser_grid='';     $visible_grid = $('#grid');      for(var i=0; i<40; i++){         $visible_grid.append('<div>');         for(var j=0; j<40; j++){             $visible_grid.append("<div class='square'> </div>");         }         $visible_grid.append('</div>');     }

edit: added code. note should use var keyword counting variables in for-loops.

what happened in code after 40 inner divs created, counter @ 40 , condition outer loop isn't true longer, exiting code block.


Comments

Post a Comment

Popular posts from this blog

resizing Telegram inline keyboard -

telegram's inline keyboard great feature lots of different use cases. inline buttons added list of items this: inline_keyboard = [[inlinekeyboardbutton(text="button", callback_data="button"), inlinekeyboardbutton(text="reset",callback_data="reset")]] inline_keyboard_markup = inlinekeyboardmarkup(inline_keyboard) update.message.reply_text("hi", reply_markup=inline_keyboard_markup) the above code adds 2 buttons each half width of chat screen. i know the normal keyboard button there resize_keyboard parameter somehow can used. my question is there way resize inline buttons ? example make full width or quarter width. unfortunately, can't now. :( you can suggest @botsupport , might add feature next version.
Read more

javascript - How to bind ViewModel Store to View? -

i'm pretty new ext js , trying embed multiselect inside panel . the viewmodel has stores property can see here: ext.define('test.view.controls.search.searchfiltermodel', { extend: 'ext.app.viewmodel', alias: 'viewmodel.filter', data: { title: '' }, stores: { test: { fields: [ 'id', 'name' ], proxy: { type: 'ajax', url: 'api/test', reader: 'array' }, autoload: true } } }); i bind in view this: viewmodel: { type: 'filter' }, layout: 'fit', border: 1, plain: true, scrollable: 'y', layout: 'fit', bind: { title: '{title}', }, items: { xtype: 'multiselect', scrollable: false, allowblank: true, ddreorder: true, bind: { store: '{test}' }, valuefield: 'id', displayfield: 'name' } ...
Read more

c - Why does alarm() cause fgets() to stop waiting? -

i playing around signals in c. main function asks input using fgets(name, 30, stdin) , , sits there , waits. set alarm alarm(3) , , reassigned sigalrm call function myalarm calls system("say pay attention") . after alarm goes off, fgets() stops waiting input , main fn continues on. happens if change myalarm set variable , nothing it. void myalarm(int sig) { //system("say pay attention"); int x = 0; } int catch_signal(int sig, void (*handler)(int)) { // when signal comes in, "catch" , "handle it" in way want struct sigaction action; // create new sigaction action.sa_handler = handler; // set it's sa_handler attribute function specified in header sigemptyset(&action.sa_mask); // "turn signals in sa_mask off?" "set sa_mask contian no signals, i.e. nothing masked?" action.sa_flags = 0; // not sure, looks aren't using of available flags, whatever may return sigaction(sig, ...
Read more