Myo Win Aung

Color Picker Tool

Hex: #3498db

RGB: rgb(52, 152, 219)

RGBA: rgba(52, 152, 219, 1)

HSL: hsl(204, 70%, 53%)

<script>
function addLineNumbers() {
  const codeContentEl = document.getElementById('codeContent');
  const lineNumbersEl = document.getElementById('lineNumbers');

  const lines = codeContentEl.textContent.split("\n");
  lineNumbersEl.innerHTML = "";

  for(let i = 1; i <= lines.length; i++){
    const div = document.createElement("div");
    div.textContent = i;
    lineNumbersEl.appendChild(div);
  }
}

addLineNumbers();

const codeContentEl = document.getElementById('codeContent');
const lineNumbersEl = document.getElementById('lineNumbers');

// sync scroll
codeContentEl.addEventListener('scroll', () => {
  lineNumbersEl.scrollTop = codeContentEl.scrollTop;
});

// copy button
document.getElementById("copyBtn").addEventListener("click", () => {
  const code = codeContentEl.textContent;

  navigator.clipboard.writeText(code).then(() => {
    const btn = document.getElementById("copyBtn");
    btn.textContent = "Copied!";
    setTimeout(() => btn.textContent = "Copy", 1500);
  });
});
</script>

★ ★ ★ ★ ★

Average: 0 / 5 (0 votes)