Ответы Mail
Программирование
Android
C/C++
C#
iOS
Java
JavaScript
jQuery
SQL
Perl
PHP
Python
Веб-дизайн
Верстка, CSS, HTML, SVG
Системное администрирование
Другие языки и технологии
Лидеры категории
Лена-пена
М.И.
Y.Nine
•••
Искусственный Интеллект
Искусственный Интеллект
Искусственный Интеллект
При редактировании цены и количества сумма не меняется не знаю что делать помогите.
anar rzaev
(98),
на голосовании
5 месяцев назад
Дополнен 6 месяцев назад
забейте код не влез
Голосование за лучший ответ
_
(833664)
6 месяцев назад
А почему она должна меняться, если кроме html и css кода здесь ничего нет?
anar rzaevУченик (98)
6 месяцев назад
я просто код не вместил, а так забудьте...
_
Искусственный Интеллект
(833664)
anar rzaev, Приведи полностью код - поможем)
anar rzaevУченик (98)
6 месяцев назад
function createCell(tr, value) {
let td = document.createElement('td');
td.textContent = value;
tr.appendChild(td);
if (value == 'удалить') {
td.classList.add('remove');
td.addEventListener('click', () => {
td.parentElement.remove();
recountTotal();
});
}
if(value == price.value){
td.id = 'price';
}
if(value == amount.value){
td.id = 'amount';
}
if (value == prise * amoynt) {
td.id = 'cost';
}
let td = document.createElement('td');
td.textContent = value;
tr.appendChild(td);
if (value == 'удалить') {
td.classList.add('remove');
td.addEventListener('click', () => {
td.parentElement.remove();
recountTotal();
});
}
if(value == price.value){
td.id = 'price';
}
if(value == amount.value){
td.id = 'amount';
}
if (value == prise * amoynt) {
td.id = 'cost';
}
anar rzaevУченик (98)
6 месяцев назад
if (value !== prise * amoynt && value !== name.value) {
td.addEventListener('dblclick', () => {
let inp = document.createElement('input');
inp.value = td.textContent;
td.textContent = '';
td.appendChild(inp);
inp.addEventListener('blur', () => {
td.textContent = inp.value;
inp.remove();
if( td.id == 'price'){
prise = td.textContent;
}
if( td.id == 'amount'){
amoynt = td.textContent;
}
recountTotal();
});
});
}
}
td.addEventListener('dblclick', () => {
let inp = document.createElement('input');
inp.value = td.textContent;
td.textContent = '';
td.appendChild(inp);
inp.addEventListener('blur', () => {
td.textContent = inp.value;
inp.remove();
if( td.id == 'price'){
prise = td.textContent;
}
if( td.id == 'amount'){
amoynt = td.textContent;
}
recountTotal();
});
});
}
}
anar rzaevУченик (98)
6 месяцев назад
function recountTotal() {
let summ = 0;
let costElements = table.querySelectorAll('#cost');
costElements.forEach((costElement) => {
summ += Number(costElement.textContent);
});
total.textContent = Math.floor(summ);
}
add.addEventListener('click', () => {
let tr = document.createElement('tr');
prise = price.value;
amoynt = amount.value;
table.appendChild(tr);
createCell(tr, name.value);
createCell(tr, price.value);
createCell(tr, amount.value);
createCell(tr, prise * amoynt);
createCell(tr, 'удалить');
recountTotal();
name.value = '';
price.value = '';
amount.value = '';
})
</script>
</body>
</html>
let summ = 0;
let costElements = table.querySelectorAll('#cost');
costElements.forEach((costElement) => {
summ += Number(costElement.textContent);
});
total.textContent = Math.floor(summ);
}
add.addEventListener('click', () => {
let tr = document.createElement('tr');
prise = price.value;
amoynt = amount.value;
table.appendChild(tr);
createCell(tr, name.value);
createCell(tr, price.value);
createCell(tr, amount.value);
createCell(tr, prise * amoynt);
createCell(tr, 'удалить');
recountTotal();
name.value = '';
price.value = '';
amount.value = '';
})
</script>
</body>
</html>
anar rzaevУченик (98)
6 месяцев назад
я уже который раз сталкиваюсь с этой проблемой 'слишком много текста' если знаете можете пожалуйста подсказать как это обойти
_
Искусственный Интеллект
(833664)
anar rzaev, Я скопировал твой код и вроде всё считается:
Похожие вопросы
<html>
<head>
<meta charset="utf-8">
<title>kalckulate</title>
<link rel="stylesheet" href="">
<style>
* {
box-sizing: border-box;
}
#parent {
margin: 0 auto;
width: 500px;
}
#form {
display: flex;
margin-bottom: 15px;
width:500px;
}
#form input {
padding: 8px;
width: 120px;
margin: 2px;
}
h2 {
margin-bottom: 7px;
}
#table {
width: 100%;
margin-bottom: 10px;
}
#table td, #table th {
padding: 8px;
text-align: center;
border: 1px solid black;
}
.remove {
color: blue;
cursor: pointer;
text-decoration: underline;
}
.remove:hover {
text-decoration: none;
}
#result {
text-align: right;
margin-right: 10px;
}
</style>
<script src=""></script>
</head>
<body>
<div id="parent">
<div id="form">
<input id="name" placeholder="название">
<input id="price" placeholder="цена">
<input id="amount" placeholder="количество">
<input id="add" type="button" value="добавить">
</div>
<h2>Таблица продуктов:</h2>
<table id="table">
<tr>
<th>название</th>
<th>цена</th>
<th>кол-во</th>
<th>сумма</th>
<th>удалить</th>
</tr>
</table>
<div id="result">
общий итог: <span id="total">0</span>
</div>
</div>