Prototype Extensions JS
npm install prototype-extensions
!Test
Simple methods added to native browser objects.
HTML
Title
Paragraph
Paragraph
`in clean javascript you need to write
javascript
let section=document.createElement('section');
section.className='big red';
let h1=document.createElement('h1');
h1.textContent='Title';
section.appendChild(h1);
let p1=document.createElement('p');
p1.textContent='Paragraph';
section.appendChild(p1);
let p2=document.createElement('p');
p2.textContent='Paragraph';
section.appendChild(p2);
document.body.appendChild(section);
`
But using this lib you type:
javascript
import 'prototype-extensions';var section=document.body.addChild('section.big.red');
section.addChild('h1', {text:'Title'});
section.addChild('p', {text:'Paragraph'});
section.addChild('p', {text:'Paragraph'});
`avalible methods
$3
Generates and returns new element. You can define an element on two ways:
* selector string - css-like selector
* attributes objectIn this example all three elemens will be identical:
javascript
let a = document.create('p#first.red');
let b = document.create({tagname:'p',id:'first',className:'red'});
let c = document.create('p',{id:'first',className:'red'});
`$3
Works like previous, but also adds created object by element.appendChild()`Array extensions
javascript
var array = [5,2,-3,11];
console.log(array.min(x=>x))// -> -3
console.log(array.min(x=>Math.abs(x)))// -> 2
console.log(array.sum(x=>(x>0)?1:0))// -> 3
``