Merge pull request #1 from CGWebDev2003/main

RESET

Author: CGWebDev2003

.gitignore

@@ -0,0 +1,2 @@
+/node_modules/
+/dev_example/

CHANGELOG.md

@@ -0,0 +1,14 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [Unreleased]
+
+## [0.1.0] - 2023-05-05
+
+### Added
+
+-

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2023 Neptune CSS
+Copyright (c) 2023 Neptune CSS contributors
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

javascriptAPI.js

@@ -0,0 +1,66 @@
+/**
+ *
+ * @class
+ * 
+ * @name Neptune_DOMElement
+ * 
+ * @description Create a new HTML DOM element
+ * 
+ * @param {string} parentId - ID of the parent element
+ * @param {string} elementType - Is it a **div** or a **span** 
+ * @param {string} elementId - ID of the new DOM element
+ * 
+ * @example
+ * ```
+ * const myDiv = new Neptune_DOMElement("body", "div", "testid");
+ * ```
+ *  
+ */
+export default class Neptune_DOMElement {
+    constructor(parentId, elementType, elementId) {
+        this.parentId = parentId;
+        this.elementType = elementType;
+        this.elementId = elementId;
+
+        this.create();
+    }
+
+    create() {
+        // Create new element
+        const newDOMElement = document.createElement(this.elementType);
+        newDOMElement.id = this.elementId;
+
+        // Append new element to parent element
+        const parentElement = document.getElementById(this.parentId);
+        parentElement.appendChild(newDOMElement);
+    }
+}
+
+/**
+ * 
+ * @class
+ * 
+ * @name Neptune_Button
+ * @description Create default button
+ * 
+ * @param {string} parentId - ID of parent element
+ * @param {string} elementType - Type of element is always ** * button * **
+ * @param {string} buttonName - Button title
+ * @param {string} elementId - ID of the new button element
+ * 
+ * @example
+ * const defaultButton = new Neptune_Button("body", "Default Button", "buttonID");
+ * 
+ */
+export class Neptune_Button extends Neptune_DOMElement {
+    constructor(parentId, elementType, buttonName, elementId) {
+        super(parentId, elementType = 'button', 'Test 123', elementId);
+        this.buttonName = buttonName;
+        this.create();
+    }
+
+    create() {
+        var newButton = new Neptune_DOMElement(this.parentId, "button", this.elementId);
+        this.innerHTML = this.buttonName;
+    }
+}