Запись числовых данных из Javascript в ячейку таблицы HTML - PullRequest
Новая
       18

Запись числовых данных из Javascript в ячейку таблицы HTML

0 голосов
/ 29 апреля 2019

Я пытаюсь сделать простую арифметику, чтобы составить таблицу продаж с помощью JavaScript и HTML. У меня есть каждая ячейка таблицы, содержащая разные идентификаторы, в зависимости от того, где мне нужно, чтобы числа вошли в таблицу после завершения арифметики. Появляются мои оконные подсказки, и я могу ввести свои данные для «номера модели» и «проданного количества», но в ячейках таблицы ничего не заполняется.

Любая информация была бы отличной, потому что я новичок на 100%. Спасибо всем.

Я новичок, поэтому я не пробовал ничего, кроме проверки синтаксиса, чтобы убедиться, что я не забыл скобку или точку с запятой.

Функция JS. (Всего 6 случаев, но в одинаковом формате) 

function doMath() {
var mn = Number(window.prompt("Enter the model num", ""));
var qty = Number(window.prompt("Enter the quantity sold", "")) ;
var tot;
switch (mn) {
case 1:
tot = qty*350;
document.getElementById(q1).innerHTML = qty;
document.getElementById(tot1).innerHTML = tot;
break;

case 2:
tot = qty*460;
document.getElementById(q2).innerHTML = qty ;
document.getElementById(tot2).innerHTML = tot;
break;   … … 
``````````````````````````````````````````````````
HTML Table Snippet 
```````````````````````````````````````````````````
<table>
    <tr id="head"> 
        <th> Model # </th> 
        <th> Qty Sold </th> 
        <th> Totals </th> 
    </tr>   
    <tr> 
        <td id="mn1">1</td>
        <td id="q1"></td>
        <td id="tot1"></td>
    </tr>   
    <tr>    
        <td id="mn2">2</td>
        <td id="q2"></td>
        <td id="tot2"></td> 
    </tr>   

The goal is to run the function multiple times and update/overwrite any data in the table.

1 Ответ

0 голосов
/ 29 апреля 2019

Вы забыли добавить кавычки (' или ") вокруг имен идентификаторов:

Например, эта строка 

document.getElementById(q1).innerHTML = qty;

Должно быть 

document.getElementById("q1").innerHTML = qty;

и т. Д.

...