Member 13193041 Ответов: 0

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

У меня есть таблица расчета бюджета.я, который запрашивал записи у пользователя и выполнял расчет из тех значений, которые принимал пользователь, и показывал результат в виде таблицы.
Я хочу сделать это только с помощью html и javascript.

Что я уже пробовал:

Мой код javascript:
ВАР сведения = [];
var dateInput = document. getElementById ("дата");
var numInput = document. getElementById ("num");
var descInput = document. getElementById ("desc");
var rInput = document. getElementById("r");
var wInput = parseInt(document. getElementById("w"). value);
var dInput = parseInt(document. getElementById("d"). value);
var messageBox = document. getElementById ("display");



функциональная вставка ( ) {
ВАР дата = dateInput.значение;
ВАР Нум = numInput.значение;
ВАР убыв =descInput.значение;
ВАР Р=rInput.значение;
ВАР ш=wInput.значение;
ВАР д=dInput.значение;

данных.толчок({
дата: дата,
кол-во: кол-во,
по алфавиту: по убыванию,
р:р,
ш:ш,
д:д,

});
кал();
clearAndShow();

}
функция cal()
{
var bal=0;
для(i=1; i";
html + = " дата";
html + = " Num";
html + = " описание";
html + = " R";
html += " вывод средств, оплата(-)";
html += " депозит, кредит(+)";
html += " баланс";
формат HTML += "";
для (i=0;i";
html += "" + data[i]. date + "";
html += "" + data[i]. num + "";
html += "" + data[i]. desc + "";
html += "" + data[i]. r+"";
html += ""+data[i]. w+"";
html +=""+data[i]. d+"";
html +=""+data[i]. d+"";
формат HTML += "";
}
ещё
{
формат HTML += "";
html += "" + data[i]. date + "";
html += "" + data[i]. num + "";
html += "" + data[i]. desc + "";
html += "" + data[i]. r+"";
html += ""+data[i]. w+"";
html +=""+data[i]. d+"";
html +=" " +data[i]. bal+"";

формат HTML += "";
}
}

функции MessageBox.innerHTML будет = HTML-код;
}

Мой html-код:
<form>
    <h1>Please enter data</h1>
    <input id="date" type="text" placeholder="Date" />
    <input id="num" type="text" placeholder="Num" />
    <input id="desc" type="text" placeholder="Description" />
    <input id="r" type="text" placeholder="R" />
     <input id="w" type="text" placeholder="WithDrawl,Payment(-)" />
      <input id="d" type="text" placeholder="Deposit,Credit(+)" />
       
    <input type="button" value="Save/Show" onclick="insert()" />
  </form>
<style>
table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 80%;
}

td, th {
    border: 1px solid #000000;
    text-align: center;
    padding: 20px;
}

tr:nth-child(even) { 
    background-color: #eeeeee;
height:2px;
}
</style>
<table align="center">
<tbody><tr font-weight:="" bold="">
<td>  Sample Check Book Register</td>
</tr><tr>
</tr></tbody></table>
<br>
  <table id="display" style="width:100%"  border="1px"></table>
<script src="script.js"></script>

0 Ответов