EzCreate

EzCreate is a sJavascript tool that creates an HTML element, gives it a class, an id, and appends it to another HTML element.

Built With

This app was made using this technologies

• Javascript
• Node JS

Getting Started

To get a local copy up and running follow these simple example steps:

Prerequisite Instalations

• Git
• Nodejs
• NPM

If you're using an Ubuntu Linux Distribution or derivate, you can install these programs by using these commands in your Linux Terminal:

sudo apt update
sudo apt install git
curl -sL https://deb.nodesource.com/setup_13.x | sudo -E bash -
sudo apt-get install -y nodejs

• If you're using Microsoft Windows, the Git installer can be found here, and Node JS/NPM installer can be found here.
• If you have another type of Linux Distribution, you can check how to install Node JS and NPM by checking this article.

NPM installation

Install this package with NPM:

npm install -D ez-create

then you just need to import the module on the javascript file where you will use it:

import ezCreate from 'ez-create';

Usage

const appendElement = document.getElementById('content');

const ezButton = ezCreate(appendElement, 'btn btn-danger', 'my-button', 'button');
ezButton.innerHTML = 'Press me';

This will create a element: <button class="btn btn-danger" id="my-button">Press me</button> and append it to the HTML element with the 'content' id tag.

You can ommit some parameters:

const anotherElement = document.getElementById('navbar');

const ezDiv = ezCreate(anotherElement);

This will create a element: <div></div> and append it to the HTML element with the 'content' id tag.

If you want to create an HTML element without class or id, but different from a <div> element, just add empty '' parameters:

const ezSpan = ezCreate(element, '', '', 'span');

Finally, if you want to create an element, but not append it to other element, use null as a parameter instead:

const esElement = ezCreate(null, '', 'id');

For more information about the parameters and outputs, please look at the declaration file and intellisense description.

Source Installation

Clone this GitHub repository:

git clone https://github.com/jairjy/EzCreate.git

Go to the repository folder and install the NPM modules:

npm install

Then, generate output files:

npm run dev

For development mode, and:

npm run build

For production.

Usage

After NPM generates the output files, an 'index.js and 'index.d.ts' files will be generated on the "dist" folder.

Then you can use 'index.js' on your project.

License

Distributed under the MIT License. See LICENSE for more information.

Contact

• Jair Jaramillo: Github, Twitter