create li using JS

by Ravindra Athreya

HTML

<ul id="myUl"></ul>

<span>Ravindra</span>

CSS

* {
  box-sizing: border-box;
}

.dpt1 {
  position: relative;
  border: 1px solid red;
}

.dpt2 {
  position: absolute;
  border: 1px solid blue;
}

span {
  padding-top: 10px;
}

JavaScript

var array = ["slide 1", "slide 2", "slide 3", "slide 4", "slide 5"]

array.forEach(function(item) {
  var li = document.createElement("li");
  var text = document.createTextNode(item);
  li.appendChild(text);
  document.getElementById("myUl").appendChild(li);
});


array.map((item) => {
 const li = document.createElement('li');
 var text = document.createTextNode(item);
 li.appendChild(text);
 document.getElementById("myUl").appendChild(li);
});

function startsWith(str, word) {
    return str.lastIndexOf(word, 0) === 0;
}

console.log(startsWith("LicensorRatesTemplate","Ravindra_LicensorRatesTemplate"));