Skip to content

Instantly share code, notes, and snippets.

@eubenesa

eubenesa/index.html

Created May 22, 2017 20:33
Show Gist options
  • Save eubenesa/bda47d76b954c2564cfc5049f27eca73 to your computer and use it in GitHub Desktop.
Save eubenesa/bda47d76b954c2564cfc5049f27eca73 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. eubenesa created this gist May 22, 2017.
    101 changes: 101 additions & 0 deletions index.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,101 @@
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>JS Bin</title>
    <style id="jsbin-css">
    h1 {
    color: green;
    }

    .header.logo.logo-emphasis {
    color: red;
    }

    #sideboard h1 {
    color: blue;
    }
    </style>
    </head>
    <body>
    <div>
    <input id="uppercase-input" type="text"/>
    </div>

    <div id="sideboard">
    <h1 class="header logo logo-emphasis">BrandTitle</h1>
    </div>
    <script id="jsbin-javascript">
    'use strict';

    var logger = {
    leadText: 'INFO: ',
    info: function info(str) {
    console.log('' + this.leadText + str);
    }
    };

    var fn = logger.info('function was called');

    var repeat = function repeat(str, everyXSeconds, yTimes) {
    var logger = function logger(str, i) {
    setTimeout(function () {
    console.log(str);
    }, i * everyXSeconds * 1000);
    };

    for (var i = 1; i < yTimes + 1; i++) {
    logger(str, i);
    }
    };

    repeat('test code', 2, 5);

    document.getElementById('uppercase-input').addEventListener('input', function (event) {
    event.target.value = event.target.value.toUpperCase();
    });
    </script>


    <script id="jsbin-source-css" type="text/css">h1 {
    color: green;
    }

    .header.logo.logo-emphasis {
    color: red;
    }

    #sideboard h1 {
    color: blue;
    }</script>

    <script id="jsbin-source-javascript" type="text/javascript">const logger = {
    leadText: 'INFO: ',
    info: function (str) {
    console.log(`${this.leadText}${str}`);
    }
    };

    const fn = logger.info('function was called');


    const repeat = (str, everyXSeconds, yTimes) => {
    const logger = (str, i) => {
    setTimeout(() => {
    console.log(str);
    }, i * everyXSeconds * 1000);
    };

    for (let i = 1; i < yTimes + 1; i++) {
    logger(str, i);
    }
    };

    repeat('test code', 2, 5);


    document.getElementById('uppercase-input').addEventListener('input', (event) => {
    event.target.value = event.target.value.toUpperCase();
    });</script></body>
    </html>
    11 changes: 11 additions & 0 deletions jsbin.nafubus.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,11 @@
    h1 {
    color: green;
    }

    .header.logo.logo-emphasis {
    color: red;
    }

    #sideboard h1 {
    color: blue;
    }
    28 changes: 28 additions & 0 deletions jsbin.nafubus.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,28 @@
    'use strict';

    var logger = {
    leadText: 'INFO: ',
    info: function info(str) {
    console.log('' + this.leadText + str);
    }
    };

    var fn = logger.info('function was called');

    var repeat = function repeat(str, everyXSeconds, yTimes) {
    var logger = function logger(str, i) {
    setTimeout(function () {
    console.log(str);
    }, i * everyXSeconds * 1000);
    };

    for (var i = 1; i < yTimes + 1; i++) {
    logger(str, i);
    }
    };

    repeat('test code', 2, 5);

    document.getElementById('uppercase-input').addEventListener('input', function (event) {
    event.target.value = event.target.value.toUpperCase();
    });