HTML code for 3 different triangles and square shape

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Assignment of Triangles</title>
<script type="text/javascript">

    function triangle_1st(){
        for(y=1;y<=10;y++){
            for(x=1;x<=y;x++){
                //         Author   ~~~~ me.atiq ~~~~
                document.write("*");
            }   
        document.write("<br />");
        }
    }
    function triangle_2nd(){
        for(y=10;y>=1;y--){
            for(x=1;x<=y;x++){
                //         Author   ~~~~ me.atiq ~~~~
                document.write("*");
                }   
        document.write("<br />");
        }

    }
    function triangle_3rd(){
        for(y=10;y>=1;y--){
            for(x=10;x>=1;x--){
                //         Author   ~~~~ me.atiq ~~~~
                if(x>y){
                    document.write("&nbsp;");                   
                    continue;
                }
                document.write("*");
                }   
        document.write("<br />");
        }

    }
   
    function triangle_4th(){
        for(y=1;y<=10;y++){
            for(x=1;x<=10;x++){
                //         Author   ~~~~ me.atiq ~~~~
                if(10-x < y){
                    document.write("*");
                    continue;
                }
                    document.write("&nbsp;");                   
                }   
        document.write("<br />");
        }

    }


    function square(){
        for(y=1;y<=10;y++){
            for(x=1;x<=10;x++){
                //         Author   ~~~~ me.atiq ~~~~
                document.write("*");                   
                }   
        document.write("<br />");
        }

    }

</script>
</head>

<body>
<input type="button" value="Print Triangle 1st" onclick="triangle_1st();" />
<br/>
<input type="button" value="Print Triangle 2nd" onclick="triangle_2nd();" />
<br/>
<input type="button" value="Print Triangle 3rd" onclick="triangle_3rd();" />
<br/>
<input type="button" value="Print Triangle 4th" onclick="triangle_4th();" />
<br/>
<input type="button" value="Print Square" onclick="square();" />

</body>
</html>





                                                                                                                                         By:  Atiq


Comments

  1. Robert25 October 2015 at 17:07

    ou have to learned to lot of information about c# .net Gain the knowledge and hands-on experience you need to successfully design, build and deploy applications with html coder

    ReplyDelete

Post a Comment

Popular posts from this blog

Code for Database Connection confirmation PHP+HTML

<html> <head> <title> web page 2</title> </head> <body> <?php error_reporting(0); $con=mysql_connect("localhost","root",""); if($con){     mysql_select_db('one',$con); echo "connection successfully"; } else{     echo "connection fail"; } $id=$_REQUEST['id']; $name=$_REQUEST['name']; $email=$_REQUEST['email']; $password=$_REQUEST['password']; $query="INSERT INTO `db1`.`one` (`id`, `name`, `email`, `password`) VALUES (NULL, '$name', '$email', '$password'); "; $r = mysql_query($query); if($r) {echo "inserted";} else {echo "error";} ?> </body> </html>
Read more

Database connect with php

<?php error_reporting(0); include("db.php"); if($_REQUEST['id'] != ""){ $id = $_REQUEST['id'] ; $del = "delete  from one where id = $id"; $dd = mysql_query($del);     } $q = "select * from one;"; $res = mysql_query($q); ?> <html> <head> <title>3rd page</title> </head> <body> <table border="2" cellpadding="2" cellspacing="2"> <tr> <td>ID</td> <td>Name</td> <td>Email</td> <td>Password</td> <td>Delete</td> <td>Edit</td> </tr> <?php while($row = mysql_fetch_array($res)){ ?> <tr> <td><?php echo $row['id']; ?></td> <td><?php echo $row['name']; ?></td> <td><?php echo $row['email']; ?></td> <td><?php echo $row['password']; ?></td> <td><button onClick=...
Read more

New Slides

Notes of Network Security                             Data Encryption Standard   Click here for for further detail on DES   Assignment of Re search method........ Performance of Windows XP, Windows Vista and Apple's Leopard Computers under a Denial of Service Attack  IT PM slides ...... 6) 4- M ar _ Estimate Cost determine Budget 7) 25-mar-2013 _ Quality management 8) 9-Aprl-2013_Procurement Management     The assignments from lecture slides are following 1) Requirement traceability matrix. 2) WBS 3) WBS Dictionary 4)   Gantt Chart 5) Network Diagram 6) Milestone Chart 7) RACI CHART 8) Organizational Break Down structure   9) Issue Log   Click h ere for Rest of the templates  Please discuss in case of any ambiguity.  
Read more