Robot
/
html-tips-tricks
mirror of https://github.com/atapas/html-tips-tricks.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fixed some typos

This commit is contained in:
Tapas Adhikary 2020-08-13 18:33:33 +05:30
parent 15f2850fb1
commit 342a47dce5
4 changed files with 18 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
content-editable/index.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<li>
<html>
<head>
<meta charset='utf-8'>
@ -18,4 +18,6 @@
<li> 3. Honey </li>
</ul>
</div>
</body>
</body>
</html>

15
data-attribute/index.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<li>
<html>
<head>
<meta charset='utf-8'>
@ -11,7 +11,7 @@
<script>
function reveal() {
let dataDiv = document.getElementById('data-attr');
let value = dataDiv.getAttribute('data-custom-attr');
let value = dataDiv.getAttribute('data-custom-attr');
document.getElementById('msg').innerHTML = `<mark>${value}</mark>`;
}
@ -21,11 +21,14 @@
<body>
<div class="demo">
<h2> Know data attribute </h2>
<div class="data-attribute" id="data-attr" data-custom-attr="You are just Awesome!"> I have a hidden secret! </div>
<div class="data-attribute" id="data-attr" data-custom-attr="You are just Awesome!"> I have a hidden secret!
</div>
<button onclick="reveal()">Reveal</button>
<br/>
<br />
<p id="msg"></p>
</div>
</body>
</body>
</html>

3
mark/index.html
View File

@ -14,4 +14,5 @@
<h1>Mark something to Highlight</h1>
<p> Did you know, you can <mark>"Highlight something interesting"</mark> just with a HTML tag? </p>
</div>
</body>
</body>
</html>

5
output/index.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<li>
<html>
<head>
<meta charset='utf-8'>
@ -18,4 +18,5 @@
= <output name="x" for="a b"></output>
</form>
</div>
</body>
</body>
</html>