Integrating a simple html table into javascript

Question

I am being asked to create a table using javascript that displays simple arithmetic of a variable given to me by the user and I'm sure that my syntax is off inside of my document.write, but I'm not sure where and how. My error console says I'm missing a closing ')' at line 18 the end which is not true at all. I saw that in other cases it is frowned upon to use the document.write function for this purpose, but it's explicitly stated that I should do so as part of the requirements for the completion of this lab, so my sincere apologies for this transgression beforehand.

The code is below - Thanks in advance for any and all help:

<script>  
     var  e1="", e2="", e3="", e4="", e5="", e6="", e7="", e8="", e9="";

    e1 = prompt("Enter your first name in lower case", "");
    var e1u = substr(0, 1);
    e1 = e1u.toUpperCase() + e1.substr(1, e1.length-1);
    e2 = prompt(e1 + ", enter an integer from 1 to 9", "");
    e3 = prompt("Now enter 5 numbers delineated by a comma!", "");
    e4 = prompt("Now enter 3 colors delineated by a comma!");
    e5 = new date();
    e6 = e3.split(',');
    e7 = e4.split(',');
    document.write(""Today's Date = " + e5.getMonth()+1 + "/" + e5.getDay() +
    "/" + e5.getFullYear() + "\n" + "The number in e2 is " + e2 + "\n"
    + "<table><caption>Times Table for the number + e2 + "</caption>"");
    for(var i=0; i<13; i++)
    {
            document.write(""<tr>""<td>" + e2 + "</td>" + "<td>" + i + "</td>" + "<td>" + "=" + "</td>" + "<td>" + (e2 * 1) * i + "</td>""</tr>"");
    }               


</script>

I changed it to use javascript syntax hilighting and now you can clearly see the problems. — Hogan
– Hogan, Commented Jul 26, 2012 at 20:08
I prefer dom methods like document.createElement('table'), atleast it keeps the code clean. — The Alpha
– The Alpha, Commented Jul 26, 2012 at 20:08

wanovak · Accepted Answer · 2012-07-26 20:06:02Z

3

I fixed the following for you:

document.write("Today's Date = " + e5.getMonth()+1 + "/" + e5.getDay() +
"/" + e5.getFullYear() + "\n" + "The number in e2 is " + e2 + "\n"
+ "<table><caption>Times Table for the number" + e2 + "</caption>");

and

document.write("<tr><td>" + e2 + "</td>" + "<td>" + i + "</td>" + "<td>" + "=" + "</td>" + "<td>" + (e2 * 1) * i + "</td></tr>");

Don't double up quotations, and use an editor with syntax high-lighting. It will save you a lot of time.

answered Jul 26, 2012 at 20:06

wanovak

6,12727 silver badges32 bronze badges

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

Comments

Hogan · Accepted Answer · 2012-07-26 20:06:20Z

0

This looks wrong:

+ "</td>""</tr>""

maybe you want

+ "</td></tr>"

answered Jul 26, 2012 at 20:06

Hogan

70.7k10 gold badges83 silver badges119 bronze badges

Comments

mplungjan · Accepted Answer · 2012-07-26 20:17:55Z

0

Date(), not date()

e1.substr, not just substr and I would use substring, not substr

Missing quote after number e2

I would do it like this http://jsfiddle.net/mplungjan/eggWj/

answered Jul 26, 2012 at 20:17

mplungjan

180k29 gold badges183 silver badges246 bronze badges

Comments

Diodeus - James MacFarlane · Accepted Answer · 2012-07-26 20:06:52Z

-1

Tables must have the following nesting structure:

<table>
   <tr>
       <td> ... </td>
   </tr>
</table>

Your <caption> cannot be placed where it is and likely belongs in a TD or outside of the table completely.

answered Jul 26, 2012 at 20:06

Diodeus - James MacFarlane

115k33 gold badges164 silver badges180 bronze badges

2 Comments

Scott Sauyet Over a year ago

Captions belong immediately after the TABLE start tag.

Diodeus - James MacFarlane Over a year ago

I've never seen this used in the wild.

Collectives™ on Stack Overflow

Integrating a simple html table into javascript

4 Answers 4

Comments

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related