Wednesday, 31 January 2018

display in block by using javascript

<html>
<head>
    <style>
    #di
        {
            display:none;
        }
        #d2
        {
            display:none;
        }
    </style>
</head>
<body>
    <div id="di">
        <p>This is my first paragraph</p>
    </div>
    <div id="d2">
        <p>this is 2nd paragraph</p>
    </div>
    <button onMouseMove ="display()">Click Me</button>
    <button onClick="hide()">Click Me again</button>
</body>
<script>
    function display()
    {
        document.getElementById("di").style.display="block";
        document.getElementById("d2").style.display="block";
    }
    function hide()
    {
        document.getElementById("di").style.display="none";
        document.getElementById("d2").style.display="none";
    }
    </script>
</html>
Posted by at No comments:

Friday, 19 January 2018

Simple if in javascript



<html>
    <head>
    </head>
    <body>
    <form >
        <label>
            Enter your Number
        </label>
        <input type="text" id="n1"/>
        <button type="button" onClick="getval()">Click me</button>
        <label>
            Answer
        </label>
        <input type="text" id="n3"/>
        </form>
        <br>
       
       
    </body>
</html>
<script>
    function getval()
    {
        var marks=document.getElementById("n1").value;
        if (marks>=33)
            {
                document.getElementById("n3").value="You Pass";
            }
        else
            {
                document.getElementById("n3").value="You fail";
            }
    }
   
           
        </script>
Posted by at No comments:

Wednesday, 17 January 2018

Get Element By Id









<html>
    <head>
    </head>
    <body>
    <form >
        <label>
            Enter First Number
        </label>
        <input type="text" id="n1"/>
        <label>
            Enter second number
        </label>
        <input type="text" id="n2"/>
        <br>
        <button type="button" onClick="getval()">Click me</button>
        <label>
            Answer
        </label>
        <input type="text" id="n3"/>
        </form>
        <br>
        <p id="p1">ahmad amjad</p>
       
    </body>
</html>
<script>
    function getval()
    {
        var num1;
        num1 = parseInt(document.getElementById("n1").value);
        var num2= parseInt(document.getElementById("n2").value);
        var sum=num1+num2;
        document.getElementById("n3").value=sum;
        document.getElementById("p1").innerHTML="this is answer";
        confirm("are u sure");
        alert("its ok");
      
    }
   
           
        </script>
Posted by at No comments:
Subscribe to: Posts (Atom)