christiannolles/.block

## .block

      
    Raw
  

              .block
            
          
## index.html
<html>
  <head>
<script defer src=http://CDN.JSDelivr.net/npm/p5></script>
<script defer src=http://CDN.JSDelivr.net/npm/p5/lib/addons/p5.dom.min.js></script>
<script defer src=sketch.js></script>
  </head>
  <body><p>Text before</p>
<div id="p5Container"></div>
    <p>Text after.</p> </body>
</html>

## sketch.js
var data;

function preload() {
 data = loadJSON("http://www.dagelijkseoverdenkingen.nl/json/");
}

function setup() {
  noCanvas();
  // var overdenking = data.Articles[1].Title;

  var overdenking = data.Articles;

  for (var i = 0; i < overdenking.length; i++){
    createElement('h1', overdenking[i].Title).parent(p5Container);
    createElement('p', overdenking[i].Date).parent(p5Container);
  }

// createP(overdenking);
 }
	<html>
	<head>
	<script defer src=http://CDN.JSDelivr.net/npm/p5></script>
	<script defer src=http://CDN.JSDelivr.net/npm/p5/lib/addons/p5.dom.min.js></script>
	<script defer src=sketch.js></script>
	</head>
	<body><p>Text before</p>
	<div id="p5Container"></div>
	<p>Text after.</p> </body>
	</html>
	var data;

	function preload() {
	data = loadJSON("http://www.dagelijkseoverdenkingen.nl/json/");
	}

	function setup() {
	noCanvas();
	// var overdenking = data.Articles[1].Title;

	var overdenking = data.Articles;

	for (var i = 0; i < overdenking.length; i++){
	createElement('h1', overdenking[i].Title).parent(p5Container);
	createElement('p', overdenking[i].Date).parent(p5Container);
	}

	// createP(overdenking);
	}