কম্পিউটার

বোতাম ক্লিকের বিপরীতে জাভাস্ক্রিপ্ট অ্যারে আইটেমগুলিকে একবারে কীভাবে প্রদর্শন করবেন?


ধরা যাক নিম্নলিখিতটি আমাদের অ্যারে -

var listOfNames = [
   'John',
   'David',
   'Bob'
];

নিচের আমাদের বোতাম -

<button id="reverse" onclick="reverseTheArray()">Click The Button To get the Reverse Value</button>

এখন, বিপরীতভাবে অ্যারের আইটেমগুলির জন্য, প্রথমে, অ্যারের দৈর্ঘ্যে পৌঁছান এবং দৈর্ঘ্য 1 দ্বারা হ্রাস করুন। তারপর, নির্দিষ্ট সূচকের বিষয়বস্তু বিপরীত ক্রমে প্রিন্ট করুন।

উদাহরণ

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<div align="center" id='reverseTheArray'></div>
<button id="reverse" onclick="reverseTheArray()">Click The Button To get
the Reverse Value</button>
<script>
   var listOfNames = [
      'John',
      'David',
      'Bob'
   ];
   count=listOfNames.length-1;
   function reverseTheArray(){
      document.getElementById('reverseTheArray').innerHTML =
      listOfNames[count];
      count--;
      if (count<0)
         count=listOfNames.length-1;
   }
</script>
</body>
</html>

উপরের প্রোগ্রামটি চালানোর জন্য, ফাইলের নাম "anyName.html(index.html)" সংরক্ষণ করুন এবং ফাইলটিতে ডান ক্লিক করুন। ভিএস কোড এডিটরে "লাইভ সার্ভারের সাথে খুলুন" বিকল্পটি নির্বাচন করুন৷

আউটপুট

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

বোতাম ক্লিকের বিপরীতে জাভাস্ক্রিপ্ট অ্যারে আইটেমগুলিকে একবারে কীভাবে প্রদর্শন করবেন?

ধাপ 1

আপনি যখন বোতামটি ক্লিক করবেন, আপনি অ্যারের শেষ মানটি পাবেন। এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

বোতাম ক্লিকের বিপরীতে জাভাস্ক্রিপ্ট অ্যারে আইটেমগুলিকে একবারে কীভাবে প্রদর্শন করবেন?

ধাপ 2

আবার, বোতামে ক্লিক করুন, আপনি দ্বিতীয় শেষ মানটি পাবেন। এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

বোতাম ক্লিকের বিপরীতে জাভাস্ক্রিপ্ট অ্যারে আইটেমগুলিকে একবারে কীভাবে প্রদর্শন করবেন?


  1. একটি জাভাস্ক্রিপ্ট অ্যারে থেকে একটি স্ট্রিং পার্স কিভাবে?

  2. ভ্যানিলা জাভাস্ক্রিপ্ট ব্যবহার করে বোতামের ক্লিকে একটি ডিভ উপাদানে অ্যারে আইটেমগুলি প্রদর্শন করুন

  3. বোতাম ক্লিকে জাভাস্ক্রিপ্টে একটি ডিভ কীভাবে লুকাবেন?

  4. জাভাস্ক্রিপ্টে বোতাম ক্লিকে li উপাদানগুলি কীভাবে সরিয়ে ফেলা যায়?