কম্পিউটার

জাভাস্ক্রিপ্টে টেক্সটেরিয়া ইনপুটে JSON ডেটা সুন্দর করবেন?


এর জন্য JSON.stringify().

এর সাথে JSON.parse() ব্যবহার করুন

উদাহরণ

<!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>
<textarea id="prettyJSONFormat" cols=100 rows=20></textarea>
<button onclick="printTheJSONInPrettyFormat()">Click The Button To
get the Pretty JSON</button>
<script>
   function printTheJSONInPrettyFormat() {
      var badJSON = document.getElementById('prettyJSONFormat').value;
      var parseJSON = JSON.parse(badJSON);
      var JSONInPrettyFormat = JSON.stringify(parseJSON, undefined, 4);
      document.getElementById('prettyJSONFormat').value =
      JSONInPrettyFormat;
   }
</script>
</body>
</html>

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

আউটপুট

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

তৈরি করবে

জাভাস্ক্রিপ্টে টেক্সটেরিয়া ইনপুটে JSON ডেটা সুন্দর করবেন?

এখন, আমি কিছু খারাপ (আনফর্ম্যাটেড) JSON রাখতে যাচ্ছি। নমুনা JSON ডেটা নিম্নরূপ -

জাভাস্ক্রিপ্টে টেক্সটেরিয়া ইনপুটে JSON ডেটা সুন্দর করবেন?

বোতামটি ক্লিক করার পরে, আপনি নিম্নলিখিত নমুনা আউটপুট পাবেন যেমন সঠিকভাবে JSON বিন্যাসিত -

জাভাস্ক্রিপ্টে টেক্সটেরিয়া ইনপুটে JSON ডেটা সুন্দর করবেন?


  1. জাভাস্ক্রিপ্ট ব্যবহার করে JSON অ্যারে থেকে ডেটা কীভাবে পড়তে হয়?

  2. আমি জাভাস্ক্রিপ্টে টাইপ করার সাথে সাথে এইচটিএমএল টেক্সট ইনপুট ফিল্ড বাড়াতে হবে?

  3. জাভাস্ক্রিপ্ট এইচটিএমএল হিসাবে একটি ফাংশনের ফলাফল প্রদর্শন করে?

  4. জাভাস্ক্রিপ্টে আইডি দ্বারা উপাদান সরান?