EzCreate is a sJavascript tool that creates an HTML element, gives it a class, an id, and appends it to another HTML element.
This app was made using this technologies
To get a local copy up and running follow these simple example steps:
- 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.
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';
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.
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.
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.
Distributed under the MIT License. See LICENSE
for more information.