javascript/index.html at master · britu/javascript · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html>

<html>
    <head>
        <meta charset="utf-8">
        <title>
            Change DOM Elements
        </title>
        <link href="https://fonts.googleapis.com/css?family=Allura" rel="stylesheet">
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <h1>Change DOM Elements</h1>
        <div class="new"></div>

        <p id="p1">Paragraph 1.</p>
        <p id="p2" class="green">Paragraph 2.</p>
        <p id="p3" class="green">Paragraph 3.</p>
        <ul id="list1"><li id="item1">BMW</li><li>Audi</li><li>Mercedes</li></ul>
        <ul id="list2"><li>BMW</li><li>Audi</li><li>Mercedes</li></ul>
        <ul><li>BMW</li><li>Audi</li><li>Mercedes</li></ul>
        <p>This is a <a href="http://google.com" target="_blank" id="link">link</a></p>
        <div class="green">Hi I am green</div>

<div id="demo"></div>

        <h1 id="title">focus event</h1>

        <img src="http://pngimg.com/uploads/butterfly/butterfly_PNG1066.png" width="40px" height="40px">
        <button id="button1">Click me!</button>
        <script type="text/javascript" src="codeme.js"></script>
    </body>
</html>