EC_Lab2/practice2.html at master · Yadhunath2003/EC_Lab2 · 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
34
35
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
    </head>

    <body>
        <h1>Coloring Background and Border</h1>
        <link href = "styles.css" rel = "stylesheet" type ="text/css">

        <style>
            #paragraph {
                border-style: solid;
                border-width: 5px;
                margin: 20px auto;
            }
        </style>

            <div id="paragraph">
                Testing the background and border color, and border width.
            </div>

            <script type="text/javascript" src="functions.js"></script>
            Border R(0-255): <input type="text" id="border_R" value=""> <br>
            Border G(0-255): <input type="text" id="border_G" value=""> <br>
            Border B(0-255): <input type="text" id="border_B" value=""> <br>
            Border Width: <input type="text" id="border_width" value=""> <br>
            Background R(0-255): <input type="text" id="bg_R" value=""> <br>
            Background G(0-255): <input type="text" id="bg_G" value=""> <br>
            Background B(0-255): <input type="text" id="bg_B" value=""> <br>
            <button onclick="alert_paragraph_color()">Change the color!</button> <br>


        </body>
</html>