Untitled

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
<style id="jsbin-css">
#jokeknap:hover {
  cursor: pointer;
}
</style>
</head>
<body>
  <h1 id="overskrift">Bratcsh</h1>
  <p id="joke"></p>
  <a id="jokeknap" onclick="nyjoke();">hahaha</a>
<script id="jsbin-javascript">
JOKES = [ "her er en bratsch-joke"
        , "her er en mere"
        ]


function set_joke(joke){
  document.getElementById("joke").innerHTML = joke;
}

function nyjoke(){
  var joke = random_joke();
  set_joke(joke);
}

function random_joke(){
  return JOKES[Math.floor(Math.random()*JOKES.length)];
}

window.onload = function(){nyjoke();}
</script>


<script id="jsbin-source-css" type="text/css">#jokeknap:hover {
  cursor: pointer;
}</script>

<script id="jsbin-source-javascript" type="text/javascript">JOKES = [ "her er en bratsch-joke"
        , "her er en mere"
        ]


function set_joke(joke){
  document.getElementById("joke").innerHTML = joke;
}

function nyjoke(){
  var joke = random_joke();
  set_joke(joke);
}

function random_joke(){
  return JOKES[Math.floor(Math.random()*JOKES.length)];
}

window.onload = function(){nyjoke();}</script></body>
</html>