jeena/en.javascript.info
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

up

Browse source
This commit is contained in:
Ilya Kantor 2017-03-21 14:41:49 +03:00
parent 4ae129054e
commit ab9ab64bd5
476 changed files with 3370 additions and 532 deletions
Download patch file Download diff file Expand all files Collapse all files

0
2-ui/2-events/01-introduction-browser-events/01-hide-other/solution.md Normal file
View file

22
2-ui/2-events/01-introduction-browser-events/01-hide-other/solution.view/index.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<input type="button" id="hider" value="Click to hide the text" />
<div id="text">Text</div>
<script>
// Here it doesn't matter how we hide the text,
// could also use style.display:
document.getElementById('hider').onclick = function() {
document.getElementById('text').hidden = true;
}
</script>
</body>
</html>

19
2-ui/2-events/01-introduction-browser-events/01-hide-other/source.view/index.html Normal file
View file

@ -0,0 +1,19 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<input type="button" id="hider" value="Click to hide the text" />
<div id="text">Text</div>
<script>
/* your code */
</script>
</body>
</html>

11
2-ui/2-events/01-introduction-browser-events/01-hide-other/task.md Normal file
View file

@ -0,0 +1,11 @@
importance: 5
---
# Hide on click
Add JavaScript to the `button` to make `<div id="text">` disappear when we click it.
The demo:
[iframe border=1 src="solution" height=80]