Как поместить переменные JavaScript в таблицу HTML из отдельного файла Javscript? - PullRequest
0 голосов
/ 19 февраля 2019

Так что я пытаюсь привыкнуть к Электрону.У меня настроена таблица HTML, и в отдельном файле js есть переменные, которые взяты из формы для пользователя.Мне нужно выяснить, как поместить эти переменные в HTML-таблицу.

вот HTML:

<script src="./index.js"></script>
<script type="text/javascript" src="add.js"></script>

<font size="3" face="Courier New">
<table style="width:100%">
  <tr>
    <th>Name of Item</th>
    <th>Size</th>
    <th>Purchase Amount</th>
    <th>Sold Amount</th>
    <th>Platform Sold</th>
    <th>Total Fees</th>
    <th>Total Profit</th>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>

вот HTML-файл для формы:

<body>
<div class="container">
  <div class="columns">
    <div class="column col-10">
      <h1 class="text-center">New Sale</h1>

      <form id="todoForm">
        <div class="form-group">
          <label class="form-label" for="add-input">Name of Item</label>
          <input class="form-input" type="text" name="add-input" placeholder="Jordan 1..." id="itemName">
          <label class="form-label" for="add-input">Size</label>
          <input class="form-input" type="text" name="add-input" placeholder="Large..." id="size">
          <label class="form-label" for="add-input">purchase Amount</label>
          <input class="form-input" type="text" name="add-input" placeholder="$160..." id="pAmount">
          <label class="form-label" for="add-input">price Sold</label>
          <input class="form-input" type="text" name="add-input" placeholder="$400..." id="sAmount">
          <label class="form-label" for="add-input">platform Sold</label>
          <input class="form-input" type="text" name="add-input" placeholder="StockX..." id="platform">
        </div>

        <button class="btn">Add Sale</button>
      </form>

    </div>
  </div>
</div>

 <script src="./add.js"></script>
  </body>

</html>

и вот файл javascript:

const { ipcRenderer } = require('electron')

var itemName = document.getElementById("itemName");
var size = document.getElementById("size");
var pAmount = document.getElementById("pAmount");
var sAmount = document.getElementById("sAmount");
var platform = document.getElementById("platform");

Вся помощь приветствуется!

  • Япропуская некоторые части файлов для экономии места

1 Ответ

0 голосов
/ 19 февраля 2019

Вы можете сделать следующее:

HTML-код

  <tr>
    <td id = "name"></td>
    <td id = "size-cell"></td>
    ...
  </tr>
document.getElementById('name').innerHTML = itemName.value;
document.getElementById('size-cell').innerHTML = size.value;

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...