Пример решения задачи на языке программирования JavaScript - удаление html-объекта по клику мыши - OkZachet.Ru
 

OkZachet.Ru

Решение задач и контрольных работ|Помощь на экзамене|Онлайн тесты

Скоро сессия студент? OkZachet.Ru - и нет проблем
Опыт. Качество. Гарантии. Бесплатные доработки.
г. Первоуральск, тел. 8(908)639-54-09, email: admin@okzachet.ru

  • Увеличить размер шрифта
  • Размер шрифта по умолчанию
  • Уменьшить размер шрифта
Главная Информатика и программирование JavaScript Пример решения задачи на языке программирования JavaScript - удаление html-объекта по клику мыши
E-mail Печать PDF

Пример решения задачи на языке программирования JavaScript - удаление html-объекта по клику мыши

javascript программирование

Условие:
Разработать скрипт для удаления/отображения html-объекта на странице.

Результат работы:
Для демонстрации нажмите на кнопку.


Код javascript (вставлять между тегами <head> и </head>):

<script>
function action(){
var divObj = document.getElementById("actionBlock");
var btnObj = document.getElementById("actionButton");
if( divObj.style.display == 'none')
{
divObj.style.display = 'block';
btnObj.innerHTML = 'Скрыть';
} else
{
divObj.style.display = 'none';
btnObj.innerHTML = 'Показать';
}
}
</script>

Код CSS (вставлять между тегами <head> и </head>):

<style>
#actionBlock {
width:40px;
height:40px;
background-color: green;
border: 1px solid black;
}
</style>

Код HTML (вставлять между тегами <body> и </body>):

<button id="actionButton" onclick="action();">Скрыть</button>
<hr>
<div id="actionBlock"></div>

Решение задачи на языке программирования JavaScript завершено.

Если все же у Вас остались вопросы по выполнению заданий, то Вы можете ознакомиться с общей информацией по решению контрольных работ и задач на заказ на сайте OkZachet.Ru.

С Уважением, Администратор сайта.

Обновлено 10.09.2017 08:31  

Добавить комментарий

Перед опубликованием все комментарии модерируются!


Пройти опрос 1

По какому предмету Вам нужна помощь?
 

Пройти опрос 2

Из какого вы города?
 

Пройти опрос 3

Что нужно добавить на сайт?