i would like to try this example:
Java Bytes: JSF & Highcharts (Javascript Chart Library)

but im not sure where to put the javascript code in eclipse, my folder structure looks like this:

Java Code:
./src/com/google/gson/ a lot of gson files ....

my index.html looks like this:
its a html5 template with the two lines from his jsfiddle post
Java Code:
<!DOCTYPE html>
<meta charset="US-ASCII">
<title>Insert title here</title>
<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="width: 100%; height: 300px"></div>

and why he used:

which contains:
Java Code:
<?xml version="1.0" encoding="UTF-8"?>
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">

        <jsp:forward page="/pages/index.jsf" />

isnt jsp old and jsf the current thing?