কম্পিউটার

জাভাস্ক্রিপ্টের একটি বোতামে ক্লিক করার পরে কিভাবে 10 মানের একটি বৃদ্ধি তৈরি করবেন?


এর জন্য, parseInt() এর সাথে click() ব্যবহার করুন।

উদাহরণ

<!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>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fontawesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div id="add">10</div>
<div id="sequenceValue"></div>
<button id="addSequenceOf10">addValue10EachTimePressMe</button>
<script>
   addValue = 0;
   $("#addSequenceOf10").click(function() {
      var actualValue = parseInt($("#add").html());
      addValue =addValue+ actualValue;
      $("#sequenceValue").html(addValue);
   });
</script>
</body>
</html>

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

আউটপুট

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

তৈরি করবে

জাভাস্ক্রিপ্টের একটি বোতামে ক্লিক করার পরে কিভাবে 10 মানের একটি বৃদ্ধি তৈরি করবেন?

এখন, বোতাম টিপুন আপনি পাবেন 10 তারপর 20 30 40…….N; নিচের আউটপুটের মত -

জাভাস্ক্রিপ্টের একটি বোতামে ক্লিক করার পরে কিভাবে 10 মানের একটি বৃদ্ধি তৈরি করবেন?

আরও একবার ক্লিক করার পর, স্ন্যাপশটটি নিম্নরূপ।

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

তৈরি করবে

জাভাস্ক্রিপ্টের একটি বোতামে ক্লিক করার পরে কিভাবে 10 মানের একটি বৃদ্ধি তৈরি করবেন?


  1. জাভাস্ক্রিপ্ট - একটি HTML বোতামে ক্লিক করার জন্য একটি সতর্কতা তৈরি করুন

  2. জাভাস্ক্রিপ্টে টেক্সটবক্সের মান কীভাবে প্রদর্শন করবেন?

  3. অ্যান্ড্রয়েড ওয়েবভিউতে জাভাস্ক্রিপ্টের মাধ্যমে এইচটিএমএল বোতামে ক্লিক কীভাবে সনাক্ত করবেন?

  4. আপনি কিভাবে একটি Tkinter ক্যানভাসে একটি বোতাম তৈরি করবেন?