Как взять текст из поля и по нажатию на кнопку добавить его к тексту в ячейке таблицы

@kekskiy · Регистрация: 14.10.2018

Студворк — интернет-сервис помощи студентам

у меня есть поле для куда нужно писать текст и кнопка при нажатии на которую текст из поля должен быть добавлен к тексту в самую первую ячейку таблицы, а на будущее если можно то к любой ячейке

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<!DOCTYPE html>
<html>
<head>
    <title>lesson 5</title>
    <link rel="stylesheet" type="text/css" href="styleskill.css"/>
 
 
<script>
 
</script>
 
</head>
<body>
    <table class="t1">
        <tr>
            <td id="butA" onclick="document.getElementById('111').style.display='table-cell';"><input type="button" value="A"></td>
            <td id="butB" onclick="document.getElementById('222').style.display='table-cell';"><input type="button" value="B"></td>
            <td id="butC" onclick="document.getElementById('333').style.display='table-cell';"><input type="button" value="C"></td>
        </tr>
        <tr>
            <td id="butD" onclick="document.getElementById('444').style.display='table-cell';"><input type="button" value="D"></td>
            <td id="butE" onclick="document.getElementById('555').style.display='btable-cell';"><input type="button" value="E"></td>
            <td id="butF" onclick="document.getElementById('666').style.display='table-cell';"><input type="button" value="F"></td>
        </tr>
        
        <tr>
            <td id="butG" onclick="document.getElementById('777').style.display='table-cell';"><input type="button" value="G"></td>
            <td id="butH" onclick="document.getElementById('888').style.display='table-cell';"><input type="button" value="H"></td>
            <td id="butI" onclick="document.getElementById('999').style.display='table-cell';"><input type="button" value="I"></td>
        </tr>
        
        
        
        
        
        </table><br>
 
<table class="t1">
<tr>
    <td id="111" onclick="this.style.display='none'">11111</td>
    <td id="222" onclick="this.style.display='none'">22222</td>
    <td id="333" onclick="this.style.display='none'">33333</td>
</tr>
<tr>
    <td id="444" onclick="this.style.display='none'">44444</td>
    <td id="555" onclick="this.style.display='none'">55555</td>
    <td id="666" onclick="this.style.display='none'">66666</td>
</tr>
 
<tr>
    <td id="777" onclick="this.style.display='none'" onmouseover="document.getElementById('div11').innerHTML='777'">77777</td>
    <td id="888" onclick="this.style.display='none'" onmouseover="document.getElementById('div11').innerHTML='888'">88888</td>
    <td id="999" onclick="this.style.display='none'" onmouseover="document.getElementById('div11').innerHTML='999'">99999</td>
</tr>
 
 
 
 
 
</table><br>
 
<div class="d1" id="div11">
 
</div><br><br>
 
<input type="text" id="text1"><br>
<input type="button" id="but1" value="test" onclick="document.getElementById('text1').value" >
</body>
 
 
</html>

@ЛехЛехыч · 07.04.2022, 22:45

Только сейчас создал пост со своим вопросом, как раз в пример приводил похожее. Посмотрите на codepen, может пригодиться.

Новые блоги и статьи Все статьи Все блоги /
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20%	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .	Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .
Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .	Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .

@ЛехЛехыч 1 / 1 / 0 Регистрация: 02.01.2019 Сообщений: 32
	07.04.2022, 22:45
	Только сейчас создал пост со своим вопросом, как раз в пример приводил похожее. Посмотрите на codepen, может пригодиться. 0