Recents in Beach

কনসোলে সময় দেখানো | Javascript code


const responseVisLog = await
        fetch(`${baseURL}/api/visitor/log-get`);
      const dataVisLog = await responseVisLog.json();
      for(let i=0; i<dataVisLog.data.length; i++){
        const log = dataVisLog.data[i];
       
        if(log.duration_seconds !== null){
          console.log(log.duration_seconds);
        }
      }

🔹 ১. ডাটা আনা (API থেকে)

const responseVisLog = await fetch(`${baseURL}/api/visitor/log-get`);

এখানে fetch ব্যবহার করে সার্ভার থেকে ডাটা আনা হচ্ছে।
${baseURL}/api/visitor/log-get এই API URL দিয়ে visitor log ডাটা আসবে।

await মানে → সার্ভার থেকে ডাটা আসা পর্যন্ত কোড অপেক্ষা করবে।


🔹 ২. JSON এ কনভার্ট করা

const dataVisLog = await responseVisLog.json();

এখানে server থেকে পাওয়া response কে json() দিয়ে JavaScript object এ রূপান্তর করা হচ্ছে।

ধরা যাক সার্ভার থেকে এই রকম ডাটা আসছে:

{
  "data": [
    { "duration_seconds": 5 },
    { "duration_seconds": null },
    { "duration_seconds": 20 }
  ]
}

🔹 ৩. Loop দিয়ে সব ডাটা ঘুরে দেখা

for(let i=0; i<dataVisLog.data.length; i++){
  const log = dataVisLog.data[i];

এখানে for loop ব্যবহার করে data অ্যারের সব item এক এক করে আনা হচ্ছে।

log মানে → বর্তমান visitor এর তথ্য


🔹 ৪. duration_seconds আছে কিনা চেক করা

if(log.duration_seconds !== null){

এখানে শর্ত দেয়া হয়েছে:

👉 যদি duration_seconds null না হয়
মানে যদি সময় হিসাব করা থাকে
তাহলে ভেতরে ঢুকবে।


🔹 ৫. কনসোলে সময় দেখানো

console.log(log.duration_seconds);

এখানে শুধু সেই visitor গুলোর সময় দেখানো হচ্ছে
যাদের duration_seconds null না।

Output হবে এমন:

5
20
...

✅ সংক্ষেপে এই কোড কী করছে?

এই কোডটি:

  1. API থেকে Visitor log আনে

  2. JSON এ কনভার্ট করে

  3. সব visitor ডাটা খোঁজে

  4. যাদের থাকার সময় (duration_seconds) আছে, শুধু তাদেরটাই দেখায়

  5. Console এ সেই সময় প্রিন্ট করে


যদি তুমি চাও:

👉 total time জানতে
👉 average time বের করতে
👉 user অনুযায়ী filter করতে

বললে আমি সেই কোডও বানিয়ে দিব 😄

Post a Comment

0 Comments