100-Days-of-Code/bind.html at main · MuhammadShakir-dev/100-Days-of-Code · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>React</title>
</head>
<body>
    <button>Click me</button>

    <script>
        class React{
            constructor(){
                this.React = "React";
                this.server = "https://localhost:300"

                document
                    .querySelector("button")
                    .addEventListener("click", this.handleClick.bind(this))
            }

            handleClick(){
                console.log("button clicked");
                console.log(this.server);
            }
        }

        const app = new React();
    </script>
</body>
</html>