Преобразование калькулятора таблиц Excel в веб-приложение JavaScript ⇐ Jquery

[Anonymous]

Я хочу преобразовать простой калькулятор электронных таблиц Excel в веб-приложение, используя формы jQuery. Итоговый расчет должен выглядеть следующим образом: HTML-страница с двумя полями ввода и полем результата, а также кнопкой «Сбросить» под полем «Итого». Все остальные строки таблицы необходимо скрыть на веб-странице. Чтобы выполнить логику при изменении значения поля, я хочу использовать событие OnChange.
Формулы Excel умножают и суммируют, но я не уверен насчет JavaScript-эквивалента Excel =ROUNDDOWN(B7+B8;2). Я не знаю, как скрыть все промежуточные этапы вычислений (ячейки Excel) в форме jQuery на веб-странице, за исключением вышеупомянутых полей.

Код: Выделить всё

$(document).ready(function() {
// Initialize all forms with auto-calculation
$('#basic-formatters, #shopping-cart, #profit-loss, #loan-calc').calx({
autoCalculate: true
});

});

Код: Выделить всё

/* Page-specific overrides */
.content {
max-width: 1400px;
}

.help-text {
font-size: 12px;
color: #7f8c8d;
margin-top: 5px;
font-style: italic;
}

.info-box {
background-color: #e8f4f8;
border-left: 4px solid #3498db;
padding: 15px;
margin: 20px 0;
border-radius: 4px;
}

.info-box h3 {
margin-top: 0;
color: #2980b9;
}

.info-box ul {
margin: 10px 0;
padding-left: 20px;
}

.info-box li {
margin-bottom: 8px;
line-height: 1.6;
}

code {
background-color: #f4f4f4;
padding: 2px 6px;
border-radius: 3px;
font-family: 'Courier New', monospace;
color: #e74c3c;
}

pre {
background-color: #2c3e50;
color: #ecf0f1;
padding: 15px;
border-radius: 4px;
overflow-x: auto;
font-size: 13px;
line-height: 1.6;
}

.badge {
display: inline-block;
padding: 3px 8px;
background-color: #3498db;
color: white;
border-radius: 12px;
font-size: 11px;
font-weight: bold;
margin-left: 5px;
}

Код: Выделить всё

Calculator

Price, EUR/kWh:


Volume, m3:


Total:

Подробнее здесь: https://stackoverflow.com/questions/798 ... pplication