При нажатии на кнопку "Всем привет" вывести сообщение `alert("привет")` кнопку удалить и добавить новую кнопку.

@Александрррррпд · Регистрация: 17.09.2017

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

как сделать чтобы при нажатие на кнопку всем привет выводилось сообщение alert("привет") кнопка всем привет удалялась и появлялось новая кнопка всем пока

HTML5
1
2
3
4
<p style= "position: absolute; left: 10px; top: 400px;"> <button style="width:80px;height:75px" onClick ='qt();'  >всем привет</button>
 
 
<p style="font: verdana;   position: absolute; left: 10px; top: 500px;"><button style="width:80px;height:75px" onClick ='fon();'>всем пока</button>

@atanov · 29.11.2018, 09:41

Александрррррпд, alert выведется раньше:

HTML5
1
2
3
<meta charset="utf-8">
<button>всем привет</button>
<script src = "101.js"></script>

JavaScript
1
2
3
4
5
6
7
8
9
document.getElementsByTagName('button')[0].addEventListener('click', schmyak);
function schmyak()
{
    document.getElementsByTagName('button')[0].remove();
    let newButton = document.createElement('button');
    newButton.innerHTML = 'всем пока';
    document.body.appendChild(newButton);
    alert('привет');
}

@Александрррррпд · 30.11.2018, 05:55 **[ТС]**

если несколько кнопок баттон то тогда как выбрать кнопку которая должная открывать?

допустим вот такую кнопка должная создаваться

HTML5
1
<p style="font: verdana;   position: absolute; left: 10px; top: 500px;"><button style="width:80px;height:75px" onClick ='fon();'>закрыть</button>

@atanov · 30.11.2018, 09:44

Александрррррпд, что-то я с Вашими падежами запутался. Кнопку можно идентифицировать по классу, названию тега, по id, селектору и т.д.

@Александрррррпд · 01.12.2018, 10:22 **[ТС]**

можете на примере показать?

@atanov · 01.12.2018, 11:55

Александрррррпд,
затрудняюсь понять, что Вам нужно. Вот простейший пример обращений к кнопкам:

HTML5
1
2
3
4
5
6
<meta charset="utf-8">
<button>Кнопка с тегом ;)</button>
<button>Ещё Кнопка с тегом</button>
<button id = 'buttonID'>Кнопка с id</button>
<button class = "buttonClass">Кнопка с классом</button>
<script src = "103.js"></script>

JavaScript
1
2
3
4
document.getElementsByTagName('button')[0].addEventListener('click', function (){alert('Я первая кнопка в DOM с тегом button');});
document.getElementsByTagName('button')[1].addEventListener('click', function (){alert('А я вторая кнопка в DOM с тегом button');});
document.getElementsByClassName('buttonClass')[0].addEventListener('click', function (){alert('Я кнопка с классом buttonClass');});
document.getElementById('buttonID').addEventListener('click', function (){alert('Я кнопка с Id buttonID');});

@Александрррррпд · 03.12.2018, 11:14 **[ТС]**

тыкал по кнопка алерт не срабатывает

@atanov · 03.12.2018, 11:52

Александрррррпд, Вы html файл перенесли или вставили в свой?

Новые блоги и статьи Все статьи Все блоги /
Символьное дифференцирование igorrr37 13.02.2026 / * Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2). Унарный минус обозначается как ! */ #include <iostream> #include <stack> #include <cctype>. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .

При нажатии на кнопку "Всем привет" вывести сообщение `alert("привет")` кнопку удалить и добавить новую кнопку.

Решение

Решение

@atanov 640 / 481 / 172 Регистрация: 26.05.2016 Сообщений: 2,674
	30.11.2018, 09:44
	Александрррррпд, что-то я с Вашими падежами запутался. Кнопку можно идентифицировать по классу, названию тега, по id, селектору и т.д. 0

@Александрррррпд 4 / 4 / 1 Регистрация: 17.09.2017 Сообщений: 359
	01.12.2018, 10:22 [ТС]
	можете на примере показать? 0

@Александрррррпд 4 / 4 / 1 Регистрация: 17.09.2017 Сообщений: 359
	03.12.2018, 11:14 [ТС]
	тыкал по кнопка алерт не срабатывает 0

@atanov 640 / 481 / 172 Регистрация: 26.05.2016 Сообщений: 2,674
	03.12.2018, 11:52
	Александрррррпд, Вы html файл перенесли или вставили в свой? 0