focus editable content

by Nabaraj Saha

HTML

<div contenteditable id="displayContent"></div>
<button id="clickBtn">
click
</button>

CSS

#displayContent{
  padding:10px;
  border:1px solid #333333;
}

JavaScript

let content = document.getElementById("displayContent");
let btn = document.getElementById("clickBtn");

var char = content.innerHTML.length, sel;
btn.addEventListener("click",function(){
console.log(content.innerHTML);
char = content.innerHTML.length;
	content.focus();
  /* if (document.selection) {
  sel = document.selection.createRange();
  sel.moveStart('character', char);
  sel.select();
  }
  else {
   sel = window.getSelection();
  sel.collapse(content.firstChild, char);
  } */
})