JSFiddle

  • Filter prototype

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

    const filterElem = document.getElementById('filter');
    const array = [1, 2, 3, 4, 5];
    const filteredArray = array.filter(function(item, i) {
      return ...
  • Filter prototype

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

    [1,2,3].filter(function(i, item) {
    	console.log(`${i} ${item}`);
    });
  • List 13 fridays

    Native JS

    function pad(number) {
      if (number < 10) {
        return '0' + number;
      }
      return number;
    }
    
    function find13() {
      'use strict';
    
      var result = '';
      var list = document.getElementById('list');
      var date1_obj = document.getElementById('date-start');
      var date2_obj = document.getElementById('date-end');
      if (date1_obj && 'undefined' !== typeof date1_obj) {
        var date1 = date1_obj.value;
        var date2 = null;
        var date_end = null;
        var check2 = null;
        if (date2_obj && 'undefined' !== typeof date2_obj) {
          date2 = date2_obj.value;
          date_end = new Date(date2);
          check2 = date_end.toString();
        }
        if ('' !== date1) {
          result = result + '' + date1 + "<br/>";
          var date = new Date(date1);
          var check = date.toString();
          result = result + 'Date start - ' + check + "<br/>";
          var ...</br/>
  • Numbers

    No-Library (pure JS), HTML, CSS, Babel + JSX

    let number = generateNumber();
    let visitorNumber = document.getElementById('inputNumber');
    let guesNumber = document.getElementById('guesNumber');
    let result = document.getElementById('result');
    guesNumber.value ...
  • Table fill with React

    React 0.14.3, HTML, CSS, Babel + JSX

    class App extends React.Component {
      constructor(props) {
        super(props);
    
        // Must initialize state first
        this.state = {
                counter: 0,
                p: 1000,
                stats ...
  • React Editable Table with add, delete and search filter.

    Facbook 's Thinking in React example converted into an editable table .

    class Products extends React.Component {
    
      constructor(props) {
        super(props);
    
        //  this.state.products = [];
        this.state = {};
        this.state.filterText = "";
        this.state.products ...
  • Calendars for teacher

    jQuery 1.9.1, HTML, CSS, JavaScript

    /**
     * Created by wirtaw on 04.11.16.
     */
    var hour = moment().format('HH');
    var index = moment();
    var index2 = index.clone().add ...
  • DynamicUpates

    jQuery (edge), HTML, CSS, JavaScript

    function returnAccess()
    {
    // remove existing listeners 
    $("#users a").unbind();
    
    // setup editable for new elements created in the DOM    
    $('#users a').editable ...
  • Bootstrap datepicker setValue example #7 is the latest revision

    This is a simple Bootstrap skeleton. You can fork it to get a ready to use Bootstrap fiddle.

    var firstDayOfMonth = function(day) {
      // your special logic...
      if (10 < day) {
        return '0' + day;
      } else {
        return day;
      }
      //return 9;
    };
    
    var d ...
  • SVG.js

    svg.js

    var draw = SVG('drawing')
    
    // create image
    var image = draw.image('https://78828471f2d43fa230f82368e26d720fbd8bcb4d-www.googledrive.com/host/0B1W4SZ2ADDH9a19XbmNLTG5yTW8')
    image.size(650, 650 ...