Insert Table
+
Run
<!DOCTYPE html>
<html>
<head>
<style>
  * { 
    font-family: 'Segoe UI', sans-serif; 
    font-size: 1.2em;
    font-weight: 700;
  }
</style>
</head>

<body>
  <h1 id='header'></h1>
</body>

<script>
  let say_hello = () => {
    const msg = 'Hello world <br /> I am Arun Banik 😀';
    document.getElementById('header').innerHTML = msg;
  }

  say_hello();
</script>
</html>
<!DOCTYPE html>
<html>
<head>
  <title>Hex Color Code using CSS</title>
  <style>
    * { font-family: Calibri; font-size: 20px;}
    
    .C1 {background-color: #FF3434;}
	.C2 {color: #FF3434;)
  </style>
</head>
  
<body>
  <h3>
    Applying background color and fore color to two different elements using Hex code in CSS.
  </h3>

  <div class='C1'>
    Content inside DIV
  </div>
  
  <p class='C2'>
    Content Inside P element
  </p>
</body>
</html>

Learn by example

JavaScript examples

Convert Excel data in JSON format

Get specific values from JSON array using map() function

Using reduce() and map() together on JSON object

Generate random number between 0 and 10

Generate random number within a given range

Print content of DIV as it is with along with style

Print content of DIV without style

Get only alphabets from array using RegExp

Extract only numeric values from array using filter() and RegExp

Search and filter out values from an array based on certain word patterns

Create <ul> and <li> tags dynamically in JavaScript

How to read JSON from file input?

What is innerHTML and how to use it?

How to find the "charater" at a given location in a string?

Convert JSON to table with the click of a button.

How to check if a variable in "undefined"?

JavaScript "null" and "equality" operator

Dynamically add "checkbox" to an HTML table

What is "Template Literals" in JavaScript and how it can improve readability?

Create a beautiful dropdown menu using XML data extracted from an external file.

Automatically expand a SELECT element on page load.

How to set focus on SELECT element on page load?

Convert "text to speach" in different voices.

"Text to speach" example.

How to auto play a YouTube video using iframe Api?

Add "onclick" event to an HTML table cell.

How to use Metacharacter "\d" with "g" (global search) modifier to extract all the digits from a string.

RegExp "d" metacharacter example.

How to get or extract numbers from elements "id"?

How to "sort" a nested array in reverse order?

Sort and reverse a string.

How to get the first and last elements (or values) in a Array?

How to get the "position" of a element on a webpage?

Remove multiple class names from an element.

How to use map() function to get only numbers from an array?

Remove multiple "class" names from an element

Create "autocomplete" feature using includes() method

Check if "substring" exists within a string

What is "includes()" method in JavaScript and how to use it?

Check if the clicked element is a DIV

What is a ...spread operator and how to use it?

Convert a string into an array using "spread" operator

Pass multiple strings with spread operator

Check if number is positive or negative.

How to check whether number is positive or negative using Math.sign() method?

Crop an image without losing its quality

Generate "random" number and get the ASCII value of that number.

Check if number is position or negative.

Math.sign() method example for beginners.

Another Math.sign() method example

...

Add new items into an array using "...spread" operator.

Generate random english words

How to get x and y coordinates of an element?

Dynamically add or remove "rows" in HTML table

How to change "font size" using "range" input (a slider)?

How to get "even numbers" in an array using forEach() method?

Replace all instance of a string in a "textarea".

Check if DIV scrolled to the bottom of the page.

Check if scroll has reached half page.

getElementById() method example (very useful)

Check image properties like name, size, type and more

Check image dimensions

Check if textarea contains a particular word

Dynamically change iframe contents

How to get iframe element dynamically?

Change iframe element text dynamically

How to add another class to an element?

Dynamically add an element to the "body"

How to find the "minimum" value in an array?

Close browser tab automatically after a delay

How to clear a DIV element? replaceChildren() method example.

What is data attribute in HTML and how to use it in JavaScript?

Manipulating multiple data attributes with JavaScript.

How to get the "smallest" odd number in a array?

How to get the "last item" in a JSON object?

Find or retrieve the "last even number" in an array.

Dynamically add rows to a table

Array "unshift" method example. Overwrite original items with new one.

Array "shift" method example. Remove first item from an array.

Array "reverse" method example. Reverse array order.

Array "push" method example. Add new items to an array.

Array "pop" method example. Remove and return the "last item" in an array.

Array "includes" method example.

Array "flat" method example.

Array "findindex" method example. Find the index position of an item.

Array "find" method example.

Replace "hyphen" in a string with space.

Filter out only numbers from an array.

Array "fill" method example. Add new items to an array.

JavaScript "every()" method example. Find even number in a array.

Array "at()" method example.

How to use multiple "...spread" operators?

Retrieve only "even" numbers from array using "flatmap()" method

Another "map()" method example for a beginner.

Add text to a "marquee" dynamically.

How to create "marquee" effect in JavaScript?

...

How to pass parameters to "padStart()" method?

How to padd a new string "multiple" times to the current string?

Save form data in ".txt" file.

How to check whether the JSON is valid or not?

How to read text from a file?

Show images extract from "urls" in a JSON file.

How to use CSS "rotate" property in JavaScript?

How to use CSS "rotate" and "transition" properties in JavaScript?

Convert XML data into an HTML table.

Extract XML from a file in JavaScript.

How to find only "4" letter words in an array?

"filter()" method example. Find all even numbers in a array.

How to rotate an image 90 degrees dynamically?

Transform property example.

How to add images to an canvas using image() object?

How to shuffle array items?

Shuffle characters of a string using a one-line code.

How to get specific values from a JSON array?

Get only texts from an array.

What is "map()" function and how to use it?

How to change "meter" tag dynamically?

Accept only numbers in a textbox

Convert JSON string to JSON object

Reverse a string using "reverse()" and "join()" methods

How to reverse a "string" using while loop?

How to reverse an "array" using while loop?

Another example for "reversing" a string value using while loop.

Print an entire HTML table with images using JavaScript.

Thumbnail slider example in JavaScript.

Convert an HTML table into PDF. (Very useful)

How to a SELECT element with JSON data?

Read JSON from a file and populate data to a SELECT element.

Async and Await example. Read JSON from file using async/await.

Async and Await example. Convert JSON into an HTML table using async/await.

Check if DIV contains a particular text.

Async/await example for beginners

How to use "reduce()" and "map()" methods together? See what result it produces.

How to use "reduce()" method on a JSON object? One of the best way to filter out items from JSON.

How to find only "numbers" in a array?

Create an HTML table using data from an array.

How to add "onclick" event dynamically to table cells? A simple method.

Insert an element after another element at runtime.

How to extract XML from file and push attributes into array?

Get selected texts of SELECT element.

Create checkboxes dynamically using JavaScript

Get file extension of a file using "split()" and "pop()" methods.

Lets have some fun with math random method.

Table options! ?
  • Rows:
  • Columns:
  • Table Width:
  • (%)

  • Background Color:
  • Text Color:
  • Header Color:

  • Row Highlight
  • Font:
  • Theme:

Table Border

  • Style:
  • Width:
  • px (pixels)
  • Color:
  • Collapse