Team:Harvard/Slider Test

From 2011.igem.org

(Difference between revisions)
Line 3: Line 3:
     <title>Really Awesome Webpage </title>
     <title>Really Awesome Webpage </title>
     <script type="text/javascript">
     <script type="text/javascript">
-
$.noConflict();
+
$(document).ready(function(){
-
function square()
+
 
-
{
+
  $("button").click(function(){
-
    alert("hi");
+
      var number=$("#box").val();
-
}
+
      var output=number*number;
 +
      $("#paragraph1").html(output);
 +
      if (number == 5){
 +
        alert("you chose 5 sucker");
 +
      }
 +
  });
 +
});
</script>
</script>
 +
<style type="text/css">
 +
.firstHeading { display: none; }
 +
 +
#p-logo {
 +
height: 0px;
 +
overflow: hidden;
 +
display: none;
 +
border:  }
 +
 +
</style>
</head>
</head>
Line 20: Line 36:
<input id="box" type="text">
<input id="box" type="text">
<p id="paragraph1">This is a temporary paragraph.</p>
<p id="paragraph1">This is a temporary paragraph.</p>
-
<button type="button" onClick="alert('hi')";>Display Square</button>
+
<button type="button">Display Square</button>
</body>
</body>
</html>
</html>

Revision as of 19:32, 8 July 2011

Really Awesome Webpage

My Really Awesome Website

iGEM 2011 baby!

This is another paragraph. Pretty cool, huh?

This is a temporary paragraph.