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">
-
$(document).ready(function(){
+
$.noConflict();
-
 
+
function square()
-
  $("button").click(function(){
+
{
-
      var number=$("#box").val();
+
    alert("hi");
-
      var output=number*number;
+
}
-
      $("#paragraph1").html(output);
+
-
      if (number == 5){
+
-
        alert("you chose 5 sucker");
+
-
      }
+
-
  });
+
-
});
+
</script>
</script>
<style type="text/css">
<style type="text/css">
Line 36: Line 30:
<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">Display Square</button>
+
<button type="button" onClick="square()";>Display Square</button>
</body>
</body>
</html>
</html>

Revision as of 19:31, 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.

Retrieved from "http://2011.igem.org/Team:Harvard/Slider_Test"