Question

I am creating an HTML5 app that will display a bunch of shapes in different colors. I am having trouble display more than one of any shape.

Here is a JSFiddle link to my project: http://jsfiddle.net/tithos/3uyLc/

Here is one of the things I tried:

$("#go").click(function() {
  var number = $("#number option:selected").val();
  var shape = $("#shape option:selected").val();
  var size = $("#size option:selected").val();
  var offset = size;
  var i = 0;
  var shift = 0;

  while(i < number){
    switch(shape){
      case '1':
        console.log(shift);
        square((offset+shift), size);
        shift = (shift + size);
        break;
      case '2':
        circle(offset, size);
        break;
      case '3':
        triangle(offset, size);
        break;
    }
    i++;
  }
});

This, when repeated 16 times, gives me “0121212121212121212121212121212” in the concole. It is concatenating, not adding. Why?

Any help or insights are welcome

Thanks,

Tim

Answer 1

Since .val() returns a string you are using + operator between two strings, which is the concatenation operator. Use parseInt to convert a string to integer.