Thanks to visit codestin.com
Credit goes to github.com

Skip to content

venturachrisdev/dom-tree-demo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 

Repository files navigation

dom-tree-demo

This is an educational project to code the logic behind the DOM (sort of) just for fun

You'll need

  • NodeJS
  • Typescript (ts-node)

Run with

$ npm install -g ts-node
$ ts-node index.ts

DOM output:

<div id="FormRow" class="row" >
  <div id="FirstCol" class="col-md-6" >
  <div id="EmailContainer" class="form-group" >
  <label id="EmailLabel" class="label-control" for="EmailInput" ></label>
  <input id="EmailInput" class="form-control" type="email" placeholder="Type your email..." ></input>
</div>
</div>
  <div id="SecondCol" class="col-md-6" >
  <div id="ButtonContainer" class="form-group" >
  <button id="SubmitBtn" class="btn btn-primary btn-block" type="button" >
  Send
</button>
</div>
</div>
</div>

About

This is an educational project to code the logic behind the DOM (sort of) just for fun

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published