@RicuOne

Как удалить строки с таблицы?

spoiler
5e5f26b4a7f36750666708.png

Как удалять строки с таблицы внизу (знак число слово) по нажатию на них или другим способом, чтобы при этом сумма менялась (она по центру белым цветом)?
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	 	<link rel="stylesheet" type="text/css" href="wrapper.css" />
</head>

<body>
 	<fieldset>
 		<legend>ФОРМА РАСЧЕТА</legend>
  			<select id="select">
  				<option value="+">+</option>
 				<option value="-">-</option>
  			</select>
    <input id="firstspace" type="number" oninput="this.value = this.value.replace(/\D/g, '')" />
    <input id="secondspace" type="value" />
    <input type="button" value="Расчёт" onClick="copypast()" />
	</fieldset>

	<h2><p class="colortext" align="center" id="result"></p></h2>

	<fieldset>
		<legend>РАСХОДЫ И ДОХОДЫ</legend>
	<div class="wrapper">
		<div class="wrapper__elem">
			<p align="left" id="plusRes"></p>			
		</div>
		<div class="wrapper__elem">
			<p align="right" id="minusRes"></p>
		</div>
	</div>
</fieldset>
		
	<script src="code.js"></script>

</body>
</html>

const defaultNumber = 0;

document.querySelector('#result').textContent = defaultNumber;

function copypast() {  
	// Два инпута
	let firstInputVal = document.querySelector("#firstspace").value;
	let secondInputVal = document.querySelector("#secondspace").value;
	// Блоки с текстом
	let plusRes = document.querySelector('#plusRes');
	let minusRes = document.querySelector('#minusRes');
	// Select
	let selectVal = document.querySelector('#select').value;
	// Result
	let result = document.querySelector('#result');
	
	
	if (document.querySelector('#select').value === '+') {
		plusRes.innerHTML += `${selectVal}	${firstInputVal}	${secondInputVal}<br>`;
		result.textContent = eval(`${firstInputVal} + ${result.textContent}`);
	} else {
		minusRes.innerHTML +="  "+`  |   ${selectVal}	${firstInputVal}	${secondInputVal}<br>`;
		result.textContent = eval(`${result.textContent} - ${firstInputVal}`);
	}
	
}
  • Вопрос задан
  • 108 просмотров
Решения вопроса 2
l3ftoverz
@l3ftoverz Куратор тега JavaScript
Люблю Финский металкор
7tmaicnoifxjghh0jy2fiziw3h0.gif

При такой структуре только костылями.
Забудь, что функция eval существует, не стоит её использовать.

Ответ написан
@drawnofmymind
Добавил класс для p, и по e.target отнимаю)Я правильно сделал?(только для +)

const defaultNumber = 0;
document.querySelector('#result').textContent = defaultNumber;

function copypast() {
// Два инпута
let firstInputVal = document.querySelector("#firstspace").value;
let secondInputVal = document.querySelector("#secondspace").value;
// Блоки с текстом
let plusRes = document.querySelector('#plusRes');
let minusRes = document.querySelector('#minusRes');
// Select
let selectVal = document.querySelector('#select').value;
// Result
let result = document.querySelector('#result');


if (document.querySelector('#select').value === '+') {
plusRes.innerHTML += `${selectVal} ${firstInputVal} ${secondInputVal}
`;
result.textContent = eval(`${firstInputVal} + ${result.textContent}`);
} else {
minusRes.innerHTML +=" "+` | ${selectVal} ${firstInputVal} ${secondInputVal}
`;
document.querySelector('#result').textContent = eval(`${result.textContent} - ${firstInputVal}`);
}

}

document.querySelector('.wrapper').addEventListener('click', (e)=>{
let target = e.target
if(e.target.classList.contains('hi')){
let res = parseInt(e.target.textContent.slice(1).trim())
result.textContent =
eval(`${result.textContent} - ${res}`)
e.target.style.display = 'none'
}
})
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Sveak Барнаул
от 50 000 ₽
RUVOD Москва
от 150 000 до 200 000 ₽
eGamings Воронеж
от 80 000 до 110 000 ₽
09 апр. 2020, в 02:02
3000 руб./за проект
09 апр. 2020, в 01:55
1500 руб./за проект
09 апр. 2020, в 01:27
1000 руб./за проект