JSFiddle

  • Beatitudes and More

    jQuery 3.2.1, HTML, CSS, JavaScript

    var firstTenArray = [];
    
    
    $(document).ready(function() {
    
    
    
      // get latest tweet from national debt Twitter account
      var k = "https://voteforyou.co/Auxiliary/tweets_puller ...
  • Debt

    jQuery 3.2.1, HTML, CSS, JavaScript

    var debt,marketLine;
    
    
    $(document).ready(function() {
    
    
      // get market direction (channeled through one of my sites)
      url = 'https://voteforyou.co/Auxiliary ...
  • Bottles of Beer

    No-Library (pure JS), HTML, CSS, JavaScript

    for (c=99;c>=2;c--){
      document.write(c + ' bottles of beer on the wall, ' + c + ' bottles of beer<br>');
      document ...
  • List Poem

    jQuery 3.2.1, HTML, CSS, JavaScript

    
    var marketLine, moonLine;
    
    
    
    $(document).ready(function() {
    
    
      var d = new Date();
      
      // from sunCalc external library
      var sunTimes = SunCalc.getTimes(d, 42 ...
  • Weather

    jQuery 3.2.1, HTML, CSS, JavaScript

    $(document).ready(function() {
    
      var windMPH;
      var weather;
      var temperature;
      var zone;
      var lineOne;
      var lineTwo;
      var lineOneTemporate;
      var lineOneCold;
    
      url ...
  • Status

    No-Library (pure JS), HTML, CSS, JavaScript

    
    document.write('status becomes more important the older you get<br><br>');
    
    for (c=2;c<= 50; c++) {
      document.write('<div>Age' + c + ' ');
      document.write('<div style="font-size: ' + (c * 6) + '">status</div>');
    }
  • Clock #1 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    
    
    var time = new Date();
    hours = time.getHours();
    if (hours > 12) {
        hours -= 12;
    } else if (hours === 0) {
       hours = 12;
    }
    
    document.write ...
  • Random Lines

    No-Library (pure JS), HTML, CSS, JavaScript

    var ShuffleItems =  [
         "woke up in a bender<br>",
    	   "she's gone<br>",
         "she's back again<br>",
    	   "hope is in the eye of ...
  • Simple Treemap with D3 and Divs #1 is the latest revision

    D3 3.x, HTML, CSS, JavaScript

    var tree = {
        name: "tree",
        children: [
            { name: "Word-wrapping comes for free in HTML", size: 16000 },
            { name: "animate makes things fun", size ...
  • Simple Treemap with D3 and Divs

    D3 3.x, HTML, CSS, JavaScript

    var tree = {
        name: "tree",
        children: [
            { name: "Word-wrapping comes for free in HTML", size: 16000 },
            { name: "animate makes things fun", size ...