Здравствуйте, как сделать так, чтобы при значениях С1, С2, С3, в textarea, при нажатии кнопки, добавлялось одна строка с какими-то значениям. При последующих нажатиях, после предыдущей строки, добавлялись еще строки с другими значениями? В js - переменная b.
function setFocus(){
document.getElementById("c1").focus();
}
var con1,con2,con3,posled,paral;
function vse() {
con1 = document.getElementById('c1').value;
con2 = document.getElementById('c2').value;
con3 = document.getElementById('c3').value;
con1 = parseFloat(con1);
con2 = parseFloat(con2);
con3 = parseFloat(con3);
posled = Math.abs(1/(1/con1)+(1/con2)+(1/con3)).toFixed(2) ;
paral = Math.abs(con1+con2+con3);
document.getElementById('outposl').innerHTML = posled;
document.getElementById('outparal').innerHTML = paral;
if(!con1){
alert('не все данные введены!');
}
else if(!con2){
alert('не все данные введены!');
}
else if(!con3){
alert('не все данные введены!');
}
var b='при значениях ' + con1 + '' + ' ' + con2 + '' + ' ' + con3 + '\r\n';
document.getElementById('buf').innerHTML = b;
}
function clearButton() {
document.getElementById('c1').value = '';
document.getElementById('c2').value = '';
document.getElementById('c3').value = '';
document.getElementById("c1").focus();
};
function toggle_visibility(id) {
var e = document.getElementById(id);
if(e.style.display == 'block')
e.style.display = 'none';
else
e.style.display = 'block';
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="style.css">
<script src="js.js"></script>
</head>
<body onload="setFocus()">
<main>
<div class="opis">Введите значения емкости трех конденсаторов и нажмите кнопку "Вычислить". Для отделения дробной части используйте точку.</div>
<img id="form" src="formuli.PNG" alt="forms">
<div class="obs">Ввод исходных данных</div>
<div>С1 (мкф)<input type="text" id="c1" value=""></div>
<div>С2 (мкф)<input type="text" id="c2" value=""></div>
<div>С3 (мкф)<input type="text" id="c3" value=""></div>
<button onclick="vse()">Вычислить</button>
<button onclick="clearButton()">Очистить</button>
<button onclick="toggle_visibility('form')">Формулы</button>
<div class="obs">Результаты вычислений</div>
<hr>
<div class="box">Емкость при последовательном соединении (мкф)= <div id="outposl">Результат</div></div>
<div class="box">Емкость при параллельном соединении (мкф)= <div id="outparal">Результат</div></div>
<textarea name="text" id="buf" rows="10" cols="50" ></textarea>
</main>
</body>
</html>