JavaScript. Как убрать введённый текст ?
- в левую колонку таблицы текст вводиться
- при нажатии на кнопку "schreibe" текст выводиться в правую колонку таблицы
- при нажатии на кнопку "entleere" текст должен стираться, в чём собственно у меня и проблема:
document.getElementById(id).innerHTML ='';
Вот так должно стираться из <td><input id="b1"></td>
document.getElementById('f0').value ='';
Вот так должно стираться из <td><div id='f2'></div></td>
Но ничего не происходит. Где ошибка ?
а где какая у вас кнопка?
откуда вы вообще стираете, просто текст в <div>, или даже лучше в <span> или value в текстовом input ?
document.getElementById(id).innerHTML ='';
Вот так должно стираться из <td><input id="b1"></td>
тогда уж наверное надо было написать document.getElementById("b1").innerHTML =''; или document.getElementById("b1").text ='';
но все равно смысла не имеет, input не имеет innenHTML
тогда уж хтмл должен выглядеть так
<td><span id="b1">удаляемый хтмл</td>
если же вы удаляете значение в инпуте, то
document.getElementById('f0').value ='';
и хтмл выглядит
<td><input id="f0" value="удаляемое значение"></td>
Фашизм будет разбит
Человека карают только те боги, в которых он верит
я бы хтмл изменил так
<html lang="de">
<head><title>Eingabe / Ausgabe</title></head>
<body>
<link rel="stylesheet" type="text/css" href="aufgaben.css">
<button onclick="leereFenster()">entleere Fenster</button>
<br>
<table border="1">
<tr>
<td>Eingabe</td>
<td>Ausgabe</td>
</tr>
<tr>
<td><input id="b0"></td>
<td><div class='output' id='f0'></div></td>
</tr>
<tr>
<td><input id="b1"></td>
<td><div class='output' id='f1'></div></td>
</tr>
<tr>
<td><input id="b2"></td>
<td><div class='output' id='f2'></div></td>
</tr>
</table>
<br>
<button onclick="Pruefe()">schreibe</button>
<script src="aufgaben.js"></script>
</body>
</html>
а яваскриот так
function Pruefe(){
a=document.getElementById('b0').value;
b=document.getElementById('b1').value;
c=document.getElementById('b2').value;
document.getElementById('f0').innerHTML =a;
document.getElementById('f1').innerHTML =b;
document.getElementById('f2').innerHTML =c;
}
function leereFenster(){
var outputs = document.getElementsByClassName("output");
for (var i = 0; i < outputs.length; i++) {
outputs.item(i).innerHTML = '';
}
}
Фашизм будет разбит
Человека карают только те боги, в которых он верит
а теперь маленькое изменение,
и сравните яваскрипт
function Pruefe(){
$('#f0').text($('#b0').val());
$('#f1').text($('#b1').val());
$('#f2').text($('#b2').val());
}
function leereFenster(){
$('.output').text('');
}
Фашизм будет разбит
Человека карают только те боги, в которых он верит
Текст стираеться только во второй колонке.
где текст выводится после нажатия кнопки:
<td><div class='output' id='f0' value=''></div></td>
В окне ввода ничего не меняеться:
<td><input class='output' id='b0' value=''></td>
ну вообще то ещё красивее было бы все id вообще поудалять, дать класс input ам и перенести все значения в цикле а не поштучно
id нужны будут, их нельзя удалять
В окне ввода ничего не меняеться:
Хотите там тоже удалить?
Пишите value='' вместо innenHTML применительно к этим полям
id нужны будут, их нельзя удалять
Зачем? В данном задании они не нужны. Итерации лучше по классу делать
Фашизм будет разбит
Человека карают только те боги, в которых он верит
Пришлось такой цикл сделать:
function leereFenster()
{ let idb, idf;
for (let i = 0; i < 3; i++)
{
idb='b'+i;
idf='f'+i;
console.log(+idb,+idf);
document.getElementById(idb).value='';
document.getElementById(idf).innerHTML=''; }}