জাভাস্ক্রিপ্টে ডিভ-এ কমা-সেপারেটেড টেক্সটকে আলাদা লাইনে রূপান্তর করা

ধরুন ডিভ-এ আমাদের কমা-সেপারেটেড টেক্সট নিচের মতো:

<div class="commaSeparated"> This,is,the,first,JavaScript,program </div>

কমা-সেপারেটেড টেক্সটকে আলাদা লাইনে রূপান্তর করতে trim() সহ split() ব্যবহার করুন কমা(,) এর ভিত্তিতে।

উদাহরণ

<!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 class="commaSeparated"> This,is,the,first,JavaScript,program </div>
</form>
<script>
  var allTheData = document.querySelector('.commaSeparated').textContent.trim().split(',')
  var separateList = '
'
  allTheData.forEach(function(value) {
    separateList += '
' + value + '
';
  });
  separateList += '
';
  document.querySelector(".commaSeparated").innerHTML = separateList;
</script>
</body>
</html>

উপরোক্ত প্রোগ্রাম চালানোর জন্য, ফাইলের নাম "anyName.html(index.html)" হিসেবে সেভ করুন এবং ফাইলের ওপর ডান ক্লিক করুন। VS Code এডিটরে "Open with Live Server" অপশনটি নির্বাচন করুন।

আউটপুট

এটি নিচের আউটপুটটি তৈরি করবে: