জাভাস্ক্রিপ্ট এলিমেন্ট

<!DOCTYPE html>
<html>
<body>

<a href="/index.php" id="url">লার্নউইজ</p>

<script>
document.getElementById("url").accessKey = "w";
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button id="button">ফলাফল</button>

<script>
button.addEventListener("click", function() {
  document.body.style.background = "pink";
});
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button onclick="execute()">ফলাফল</button>
<p id="desc"></p>

<script>
function execute() {
  desc.append("হ্যালো বিশ্ব");
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<p id="desc">বিশ্ব</p>
<button onclick="execute()">ফলাফল</button>

<script>
function execute() {
  desc.before("হ্যালো");
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button onclick="execute()">ফলাফল</button>
<p id="desc">হ্যালো</p>

<script>
function execute() {
  desc.after("বিশ্ব");
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<div id="box">
  <p>হ্যালো বিশ্ব</p>
</div>

<button onclick="execute()">যোগ</button>

<script>
function execute() {
  for (let i = 0; i < collection.length; i++) {
    text += collection[i].tagName + "<br>";
  }
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button onclick="execute()">ফলাফল</button>

<div id="box">
  <h1>প্রোগ্রামিং শিখুন</h1>
  <p>প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>
</div>

<script>
function execute() {
  for (const element of box.children) {
    element.style.color = "pink";
  }
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button onclick="execute()">ফলাফল</button>

<div id="box">
  <h1>প্রোগ্রামিং শিখুন</h1>
  <p>প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>
</div>
<p id="result"></p>

<script>
function execute() {
  result.textContent = box.childNodes.length;
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button onclick="execute()">ফলাফল</button>

<div id="box">
  <h1>প্রোগ্রামিং শিখুন</h1>
  <p>প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>
</div>
<p id="result"></p>

<script>
function execute() {
  result.textContent = box.childElementCount;
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<style>
.tomato {
  background: tomato;
}
</style>
</head>
<body>

<button onclick="execute()">ফলাফল</button>

<div id="box">
  <h1>প্রোগ্রামিং শিখুন</h1>
  <p>প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>
</div>

<script>
function execute() {
  box.className = "tomato";
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button onclick="execute()">ফলাফল</button>

<div id="box">
  <h1>প্রোগ্রামিং শিখুন</h1>
  <p>প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>
</div>

<script>
function execute() {
  const clone = box.cloneNode(true);
  box.after(clone);
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button id="button" onclick="show()">ফলাফল</button>

<script>
function show() {
  alert("ক্লিক করা হয়েছে");
}

function execute() {
  button.click();
}

setTimeout(execute, 1000);
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<input id="input" placeholder="">

<button onclick="execute()">ফলাফল</button>

<script>
function execute() {
  input.style.background = "lightgreen";
  input.focus();
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button onclick="execute()">ফলাফল</button>
<p id="desc" class="title">প্রোগ্রামিং শিখুন</p>

<script>
function execute() {
  alert(desc.getAttribute("class"));
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button onclick="execute()">ফলাফল</button>
<p id="desc" class="title">প্রোগ্রামিং শিখুন</p>

<script>
function execute() {
  const attribute = desc.getAttributeNode("class");

  alert(attribute.value);
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button onclick="execute()">ফলাফল</button>
<p id="desc" class="title">প্রোগ্রামিং শিখুন</p>

<script>
function execute() {
  alert(desc.hasAttribute("class"));
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button onclick="execute()">ফলাফল</button>
<p id="desc" class="title">প্রোগ্রামিং শিখুন</p>

<script>
function execute() {
  alert(desc.hasAttributes());
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button onclick="execute()">ফলাফল</button>

<div id="box">
  <h1>প্রোগ্রামিং শিখুন</h1>
  <p>প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>
</div>

<script>
function execute() {
  alert(box.hasChildNodes());
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button onclick="execute()">ফলাফল</button>

<div id="box">
  <h1>প্রোগ্রামিং শিখুন</h1>
  <p>প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>
</div>

<script>
function execute() {
  alert(box.id);
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button onclick="execute()">ফলাফল</button>
<div id="box"></div>

<script>
function execute() {
  box.innerHTML = "<p>প্রোগ্রামিং শিখুন</p>";
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button onclick="execute()">ফলাফল</button>
<div id="box"></div>

<script>
function execute() {
  box.innerText = "প্রোগ্রামিং শিখুন";
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button onclick="execute()">ফলাফল</button>

<div id="box">
  <p id="html">প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>
</div>


<script>
function execute() {
  const p = document.createElement("p");
  p.textContent = "প্রোগ্রামিং শিখুন";

  box.insertBefore(p, html);
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button onclick="execute()">ফলাফল</button>

<div id="box">
  <p id="desc">প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>
</div>


<script>
function execute() {
  desc.insertAdjacentText("beforebegin", "প্রোগ্রামিং শিখুন");
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button onclick="execute()">ফলাফল</button>

<div id="box">
  <p id="desc">প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>
</div>


<script>
function execute() {
  desc.insertAdjacentHTML(
    "beforebegin",
    "<p>প্রোগ্রামিং শিখুন</p>"
  );
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button onclick="execute()">ফলাফল</button>

<div id="box">
  <p id="desc">প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>
</div>


<script>
function execute() {
  const p = document.createElement("p");
  p.textContent = "প্রোগ্রামিং শিখুন";

  desc.insertAdjacentElement("beforebegin", p);
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button onclick="execute()">ফলাফল</button>
<p id="desc" contenteditable="true">প্রোগ্রামিং শিখুন</p>

<script>
function execute() {
  alert(desc.isContentEditable);
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button onclick="execute()">ফলাফল</button>

<p id="desc" class="active">প্রোগ্রামিং শিখুন</p>

<script>
function execute() {
  alert(desc.matches(".active"));
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button onclick="execute()">ফলাফল</button>
<p id="desc">প্রোগ্রামিং শিখুন</p>

<script>
function execute() {
  desc.normalize();
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button onclick="execute()">ফলাফল</button>
<p id="desc" lang="en">প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>

<script>
function execute() {
  alert(desc.lang)
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button onclick="execute()">ফলাফল</button>
<p id="desc" dir="rtl">প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>

<script>
function execute() {
  alert(desc.dir)
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button onclick="execute()">ফলাফল</button>
<p id="desc" title="প্যারাগ্রাফ">প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>

<script>
function execute() {
  alert(desc.title)
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button onclick="execute()">ফলাফল</button>
<p id="desc">প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>

<script>
function execute() {
  alert(desc.textContent)
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button onclick="execute()">ফলাফল</button>
<p id="desc" style="color:red">প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>

<script>
function execute() {
  alert(desc.style.color)
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button onclick="execute()">ফলাফল</button>
<p id="desc">প্রোগ্রামিং শিখে নিজের ক্যারিয়ার গড়ে তুলুন</p>

<script>
function execute() {
  alert(desc.tagName)
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button onclick="execute()">ফলাফল</button>
<a href="/index.php" id="url" tabindex="1">লার্নউইজ</p>

<script>
function execute() {
  alert(url.tabIndex)
}
</script>

</body>
</html>