জাভাস্ক্রিপ্ট

<!DOCTYPE html>
<html>
<body>

<button id="button" onclick="execute()">খুলুন</button>

<script>
let page;

function execute() {
  if (page && !page.closed) {
    page.close();
    button.textContent = "খুলুন";
  } else {
    page = window.open("", "_blank", "width=400,height=250");
    page.document.write("<h2>প্রোগ্রামিং শিখুন</h2>");
    button.textContent = "বন্ধ করুন";
  }
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button id="button" onclick="execute()">খুলুন</button>

<script>
let page;

function execute() {
  if (page && !page.closed) {
    page.close();
    button.textContent = "খুলুন";
  } else {
    page = window.open("", "_blank", "width=400,height=250");
    page.document.write("<h2>প্রোগ্রামিং শিখুন</h2>");
    button.textContent = "বন্ধ করুন";
  }
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button onclick="execute()">খুলুন</button>
<button onclick="window.focus()">ফোকাস</button>

<script>
let page;

function execute() {
  page = window.open("", "_blank", "width=400,height=250");
  page.document.write("<h2>উইন্ডো ফোকাস করা হয়েছে</h2>");
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button onclick="execute()">খুলুন</button>
<button onclick="window.blur()">ফোকাস</button>

<script>
let page;

function execute() {
  page = window.open("", "_blank", "width=400,height=250");
  page.document.write("<h2>উইন্ডো ফোকাস হারিয়েছে</h2>");
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button onclick="window.print()">প্রিন্ট</button>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button onclick="execute()">খুলুন</button>
<button onclick="page.moveBy(100, 50)">মুভ</button>

<script>
let page;

function execute() {
  page = window.open("", "_blank", "width=400,height=250");
  page.document.write("<h2>প্রোগ্রামিং শিখুন</h2>");
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button onclick="execute()">খুলুন</button>
<button onclick="page.moveTo(100, 100)">মুভ</button>

<script>
let page;

function execute() {
  page = window.open("", "_blank", "width=400,height=250");
  page.document.write("<h2>প্রোগ্রামিং শিখুন</h2>");
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button onclick="start()">চালু</button>
<button onclick="stop()">থামান</button>

<div id="box"></div>

<script>
let timer;

function start() {
  box.innerHTML = "লোডিং...";
  timer = setTimeout(() => {
    box.innerHTML = "লোডিং সম্পন্ন হয়েছে";
  }, 5000);
}

function stop() {
  window.stop();
  clearTimeout(timer);
  box.innerHTML = "লোডিং বন্ধ";
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body style="height:1500px">

<button onclick="window.scroll(0, 100)">স্ক্রল</button>

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

</body>
</html>

<!DOCTYPE html>
<html>
<body style="height:1500px">

<button onclick="window.scrollBy(0, 100)">স্ক্রল</button>

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

</body>
</html>

<!DOCTYPE html>
<html>
<body style="height:1500px">

<button onclick="window.scrollTo(0, 100)">স্ক্রল</button>

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

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button onclick="execute()">খুলুন</button>
<button onclick="page.resizeBy(100, 50)">রিসাইজ</button>

<script>
let page;

function execute() {
  page = window.open("", "_blank", "width=400,height=250");
  page.document.write("<h2>প্রোগ্রামিং শিখুন</h2>");
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button onclick="execute()">খুলুন</button>
<button onclick="page.resizeTo(600, 400)">রিসাইজ</button>

<script>
let page;

function execute() {
  page = window.open("", "_blank", "width=400,height=250");
  page.document.write("<h2>প্রোগ্রামিং শিখুন</h2>");
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button onclick="start()">চালু</button>
<button onclick="cancel()">বাতিল</button>

<p id="result">ওয়েটিং</p>

<script>
let frame;

function start() {
  frame = window.requestAnimationFrame(() => {
    result.textContent = "কার্যকর";
  });

  result.textContent = "সিডিউল";
}

function cancel() {
  window.cancelAnimationFrame(frame);
  result.textContent = "বাতিল";
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button onclick="start()">চালু</button>
<button onclick="cancel()">বাতিল</button>

<p id="result">ওয়েটিং</p>

<script>
let frame;

function start() {
  frame = window.requestAnimationFrame(() => {
    result.textContent = "কার্যকর";
  });

  result.textContent = "সিডিউল";
}

function cancel() {
  window.cancelAnimationFrame(frame);
  result.textContent = "বাতিল";
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button onclick="start()">চালু</button>
<button onclick="cancel()">বাতিল</button>

<p id="result">ওয়েটিং</p>

<script>
let idle;

function start() {
  idle = window.requestIdleCallback(() => {
    result.textContent = "কার্যকর";
  });

  result.textContent = "সিডিউল";
}

function cancel() {
  window.cancelIdleCallback(idle);
  result.textContent = "বাতিল";
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button onclick="start()">চালু</button>
<button onclick="cancel()">বাতিল</button>

<p id="result">ওয়েটিং</p>

<script>
let idle;

function start() {
  idle = window.requestIdleCallback(() => {
    result.textContent = "কার্যকর";
  });

  result.textContent = "সিডিউল";
}

function cancel() {
  window.cancelIdleCallback(idle);
  result.textContent = "বাতিল";
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button onclick="start()">চালু</button>
<button onclick="window.clearInterval(timer)">থামান</button>

<p id="result">ওয়েটিং</p>

<script>
let timer;
let count = 0;

function start() {
  timer = window.setInterval(() => {
    result.textContent = "কাউন্ট " + ++count;
  }, 1000);
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button onclick="start()">চালু</button>
<button onclick="window.clearInterval(timer)">থামান</button>

<p id="result">ওয়েটিং</p>

<script>
let timer;
let count = 0;

function start() {
  timer = window.setInterval(() => {
    result.textContent = "কাউন্ট " + ++count;
  }, 1000);
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button onclick="start()">চালু</button>
<button onclick="window.clearTimeout(timer)">ক্লিয়ার</button>

<p id="result">ওয়েটিং</p>

<script>
let timer;

function start() {
  result.textContent = "সিডিউল";

  timer = window.setTimeout(() => {
    result.textContent = "কার্যকর";
  }, 3000);
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<button onclick="start()">সেট</button>

<p id="result">ওয়েটিং</p>

<script>
function start() {
  result.textContent = "সিডিউল";

  window.setTimeout(() => {
    result.textContent = "কার্যকর";
  }, 2000);
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<p id="result">স্ক্রিন</p>

<script>
let media = window.matchMedia("(max-width: 600px)");

function check() {
  result.textContent = media.matches
    ? "স্ক্রিন ৬০০ পিক্সেলের চেয়ে ছোট"
    : "স্ক্রিনের প্রস্থ ৬০০ পিক্সেলের চেয়ে বড়";
}

check();
media.addEventListener("change", check);
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<p id="text" style="font-size:24px">প্রোগ্রামিং শিখুন</p>

<button onclick="showStyle()">স্টাইল</button>

<p id="result"></p>

<script>
function showStyle() {
  let style = window.getComputedStyle(text);
  result.textContent = style.fontSize;
}
</script>

</body>
</html>