Inserting Array Values Into Div Boxes

Question

I want the user when he/she clicks a button for a value from an array to be inserted into one of five div boxes. The code has no errors on firebug but when I click the button nothing happens. What's wrong with my code. Here is the jsfiddle example http://jsfiddle.net/fHHnq/13/

Here is the relevant js code...

var news = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11",
        "12", "13", "14", "15", "16", "17", "18", "19", "20"];


$(document).ready(function() {

 $('.button').click(function() {

    var article_id = 1;

    var number = Math.floor(Math.random() * 5) + 1;

    $('.class_' + number).html('news[article_id]');

    article_id++;

 });

});

once fix hyphens above code won't work because of quotes around variable: news[article_id] — charlietfl
– charlietfl, Commented Nov 23, 2012 at 1:50

alex · Accepted Answer · 2013-02-21 06:11:21Z

3

You're incorrectly assigning classes and your HTML uses -, but your JavaScript is using _ for class names.

Here is the working jsfiddle: http://jsfiddle.net/fHHnq/16/

edited Feb 21, 2013 at 6:11

alex

492k205 gold badges890 silver badges992 bronze badges

answered Nov 23, 2012 at 1:49

Russell Dias

73.9k5 gold badges58 silver badges72 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

BlackHearts · Accepted Answer · 2012-11-23 02:25:30Z

0

In your html you are using " class-1 " and in your javascript you are using " $('.class_' + number)" which will result class_1. so there is mismatch in class-1 and class_1

answered Nov 23, 2012 at 2:25

BlackHearts

351 silver badge6 bronze badges

Collectives™ on Stack Overflow

Inserting Array Values Into Div Boxes

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related