error with div style = “value%” as it is not executing

Asked Jan 25 '19 at 18:36

Active Jan 25 '19 at 18:51

Viewed 33 times

I tried get a width with a calculation in it to determine the width size, however the 15.4% value just keeps appearing on my page and it is not executing in the div statement as the width: 15.4%.

var percent = (154 / 1000) *100;
var percent1 = percent + "%";


$('#bar').append("<div id='barbox_a'></div>" +
"<div class='bar blank'></div>" + "<div class='bar' style='width: ",
 percent1, " '>" + "</div>\n");

edited Jan 25 '19 at 18:51

Darragh Enright

12,194
6
37
44

asked Jan 25 '19 at 18:36

samantha

I assume you meant to write `"
" + "
\n"`, not `"
" + "
\n"`? – Darragh Enright Jan 25 '19 at 18:46
thanks a lot! yeah that works – samantha Jan 25 '19 at 18:48
In JS the comma operator evaluates each comma-delimited expression and returns the last one. So your original code just returned `'>`, hence your error. – Darragh Enright Jan 25 '19 at 18:50
1

Uh, the PHP tag doesn't belong here, but javascript does – Smankusors Jan 25 '19 at 18:50
More information [here](https://stackoverflow.com/questions/3561043/what-does-a-comma-do-in-javascript-expressions) about the comma operator. – Darragh Enright Jan 25 '19 at 18:52
@DarraghEnright yeah i didnt realise the closing and opening was wrong – samantha Jan 25 '19 at 18:52
@Smankusors yeah i placed the wrong tag – samantha Jan 25 '19 at 18:53

error with div style = “value%” as it is not executing

0 Answers0