Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript для начинающих
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.92/12: Рейтинг темы: голосов - 12, средняя оценка - 4.92
Александрррррпд
3 / 3 / 1
Регистрация: 17.09.2017
Сообщений: 355
1

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

29.11.2018, 08:15. Просмотров 2302. Ответов 7
Метки нет (Все метки)

как сделать чтобы при нажатие на кнопку всем привет выводилось сообщение 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>
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
29.11.2018, 08:15
Ответы с готовыми решениями:

Необходимо, чтобы при нажатии на кнопку "Регистрация" Выводилось сообщение: "Точно отправить форму?".
Возник вопрос, у меня есть форма, в которой необходимо заполнить поля и в ней происходит проверка...

При нажатии на кнопку "Сбросить " не запускается функция clear()
При нажатии на кнопку &quot;Сбросить &quot; не запускается функция clear() &lt;!doctype html&gt; &lt;head&gt; ...

При нажатии на кнопку добавить символ "и" в text не очищая существующий текст
Здравствуйте! например, существует Text1(текстовое поле), и Button(кнопка). При нажатии на...

Открытие документа при нажатии на кнопку "Ok"
Создать документ, в котором располагалась бы кнопка, при нажатии которой выводилось бы окно,...

"зависает" страница при нажатии на кнопку
привет всем,хотел сделать некий счетчик нажатий, нажимаю кнопку 5, значение pressed увеличивается...

7
atanov
307 / 277 / 101
Регистрация: 26.05.2016
Сообщений: 1,704
29.11.2018, 09:41 2
Лучший ответ Сообщение было отмечено Александрррррпд как решение

Решение

Александрррррпд, 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('привет');
}
1
Александрррррпд
3 / 3 / 1
Регистрация: 17.09.2017
Сообщений: 355
30.11.2018, 05:55  [ТС] 3
если несколько кнопок баттон то тогда как выбрать кнопку которая должная открывать?

допустим вот такую кнопка должная создаваться
HTML5
1
<p style="font: verdana;   position: absolute; left: 10px; top: 500px;"><button style="width:80px;height:75px" onClick ='fon();'>закрыть</button>
0
atanov
307 / 277 / 101
Регистрация: 26.05.2016
Сообщений: 1,704
30.11.2018, 09:44 4
Александрррррпд, что-то я с Вашими падежами запутался. Кнопку можно идентифицировать по классу, названию тега, по id, селектору и т.д.
0
30.11.2018, 09:44
Александрррррпд
3 / 3 / 1
Регистрация: 17.09.2017
Сообщений: 355
01.12.2018, 10:22  [ТС] 5
можете на примере показать?
0
atanov
307 / 277 / 101
Регистрация: 26.05.2016
Сообщений: 1,704
01.12.2018, 11:55 6
Лучший ответ Сообщение было отмечено Александрррррпд как решение

Решение

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

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');});
1
Александрррррпд
3 / 3 / 1
Регистрация: 17.09.2017
Сообщений: 355
03.12.2018, 11:14  [ТС] 7
тыкал по кнопка алерт не срабатывает
0
atanov
307 / 277 / 101
Регистрация: 26.05.2016
Сообщений: 1,704
03.12.2018, 11:52 8
Александрррррпд, Вы html файл перенесли или вставили в свой?
0
03.12.2018, 11:52
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
03.12.2018, 11:52

Блок div скрыть/показать при нажатии на кнопку "показать все"
Добрый день. На странице:...

Как убрать кнопку и добавить надпись "Идет загрузка"
Здравствуйте ув.-мые форумчанины. Сразу хочу сказать, в яваскриптах я полный чайник или самовар,...

Калькулятор - необходимо добавить кнопку "Вычисление числа 1/x"
Здравствуйте! Есть готовый калькулятор, задание заключается в том, что необходимо добавить кнопку...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.
Рейтинг@Mail.ru