DEV Community

Kiruthiga S
Kiruthiga S

Posted on

DOM(part-8)

#javascript #dom #tasks 
<!DOCTYPE html>
<html>
<head>
    <title>Document</title>
</head>
<body>
    <input id="text"  onkeyup="letter()">
    <p id="result"></p>

    <script>
        var text=document.getElementById("text");
        var result=document.getElementById("result");
        // text.addEventListener("input",letter);

        function letter(){
            result.innerText=text.value;
        }
    </script>
</body>
</html>
Enter fullscreen mode Exit fullscreen mode 


<!DOCTYPE html>
<html>
<head>
    <title>Document</title>
</head>
<body>

    <button onclick="add()">Add</button>
    <div id="result"></div>

    <script>
            var result=document.getElementById("result");
        function add(){
            var n=document.createElement("h1");
            console.log(n);
           n.innerText="Hello";
           result.append(n);
        }
    </script>
</body>
</html>
Enter fullscreen mode Exit fullscreen mode

Top comments (0)