js.html

---
layout: default
title: Java Script
---
<svg height="500px">
<rect x="50px" y="100px" width="150px" height="100px" fill="red" class="box" />
</svg>

<script>


  var say_text = function(txt) {
    consol.log(txt)

  }

say_text("Hello!");
say_text("Goodbye!");




var plusten = function(num){
  var newnum = num + 10
  return newnum;
}


var thirty = plusten(20)
consol.log(thirty)




var mynumber = 12;

if (mynumber > 10) {
  console.log("greater than 10!");
}
else if (mynumber == 10) {
  console.log("it is 10!");
}
]
else {
  console.log("less than 10!");
}




function greaterthanten(num) {

  if (mynumber > 10) {
    console.log("greater than 10!");
  }
  else if (mynumber == 10) {
    console.log("it is 10!");
  }
  ]
  else {
    console.log("less than 10!");
  }


  return num > 10;
}
 console.log(greaterthanten(20))
 }






var h1 = document.getElementById("name");

h1.innerHTML = "Paris"

console.log(h1);




above everything
<h1= class="name">Name</h1>
<h1= class="name">Name</h1>


console.log(d3.max([2,6,10,2,4]));

var h1 = d3.selectAll("#name")

    .attr("class", "big")
    .style("color", "red");

console.log(h1);



</script>