code

Baca code

Baca Komik code bahasa Indonesia lengkap dan baru di Veotemplate. Kami menyediakan Komik, Manhua, Manhwa, dan Novel yang dapat kalian baca online gratis.

Read code

/* */

document.querySelectorAll('.veofood-post-card').forEach(card => {
    const hiddenArea = card.querySelector('.veofood-hidden-content');
    const priceDisplay = card.querySelector('.veofood-price');
    if (!hiddenArea || !priceDisplay) return;

// Tìm thẻ <giaban> trong bài viết ẩn
    const giaBanTag = hiddenArea.querySelector('giaban');
    if (!giaBanTag) {
      priceDisplay.innerHTML = '<span class="price-single">Liên hệ</span>';
      return;
    }

let htmlPrice = '';

// Trường hợp 1: Check các thẻ biến thể con có trong giaban
    const variantM = giaBanTag.querySelector('M');
    const variantL = giaBanTag.querySelector('L');
    const variantNho = giaBanTag.querySelector('nho');
    const variantLon = giaBanTag.querySelector('lon');
    const variantThuong = giaBanTag.querySelector('thuong');
    const variantDacBiet = giaBanTag.querySelector('dacbiet');

if (variantM || variantL) {
      if (variantM) htmlPrice += `<span class="price-variant-item">M:<span>${moneyFormatter(variantM.textContent)}</span></span>`;
      if (variantL) htmlPrice += `<span class="price-variant-item">L:<span>${moneyFormatter(variantL.textContent)}</span></span>`;
    } else if (variantNho || variantLon) {
      if (variantNho) htmlPrice += `<span class="price-variant-item">Nhỏ:<span>${moneyFormatter(variantNho.textContent)}</span></span>`;
      if (variantLon) htmlPrice += `<span class="price-variant-item">Lớn:<span>${moneyFormatter(variantLon.textContent)}</span></span>`;
    } else if (variantThuong || variantDacBiet) {
      if (variantThuong) htmlPrice += `<span class="price-variant-item">Thường:<span>${moneyFormatter(variantThuong.textContent)}</span></span>`;
      if (variantDacBiet) htmlPrice += `<span class="price-variant-item">Đặc biệt:<span>${moneyFormatter(variantDacBiet.textContent)}</span></span>`;
    } else {
      // Trường hợp lẻ: Chỉ có số giá tiền thuần túy không chứa thẻ con
      const rawPrice = giaBanTag.textContent.trim();
      if(rawPrice && !isNaN(rawPrice)) {
        htmlPrice = `<span class="price-single">${moneyFormatter(rawPrice)}</span>`;
      } else {
        htmlPrice = '<span class="price-single">Liên hệ</span>';
      }
    }

priceDisplay.innerHTML = htmlPrice;
  });

// --- 2. HỆ THỐNG ĐIỀU KHIỂN POPUP VÀ LƯU TRỮ NOTE SẢN PHẨM ---
  let storageKey = 'veofood_cart_notes';
  let localNotesData = JSON.parse(localStorage.getItem(storageKey)) || {};
  let currentActiveId = null;

const overlay = document.getElementById('notesOverlay');
  const popup = document.getElementById('notesPopup');
  const noteInput = document.getElementById('noteInput');

// Cập nhật hiển thị text note ban đầu từ bộ nhớ máy khách
  const refreshNotesUI = (id) => {
    const targetCards = document.querySelectorAll(`.veofood-post-card[data-article-id="${id}"]`);
    targetCards.forEach(card => {
      const btn = card.querySelector('.notes-trigger-btn');
      const noteText = card.querySelector('.note-content-text');
      const noteArea = card.querySelector('.veofood-note');
      
      if (localNotesData[id]) {
        if(btn) btn.classList.add('has-note');
        if(noteText) noteText.textContent = localNotesData[id];
        if(noteArea) noteArea.classList.add('active');
      } else {
        if(btn) btn.classList.remove('has-note');
        if(noteText) noteText.textContent = '(Nội dung note hiện ở đây)';
        if(noteArea) noteArea.classList.remove('active');
      }
    });
  };

// Khởi tạo trạng thái ban đầu cho toàn danh sách
  Object.keys(localNotesData).forEach(id => refreshNotesUI(id));

// Mở Popup khi click
  document.addEventListener('click', function(e) {
    const trigger = e.target.closest('.notes-trigger-btn');
    if (trigger) {
      currentActiveId = trigger.getAttribute('data-id');
      noteInput.value = localNotesData[currentActiveId] || '';
      overlay.classList.add('active');
      popup.classList.add('active');
    }
  });

// Đóng Popup
  const closePopup = () => {
    overlay.classList.remove('active');
    popup.classList.remove('active');
    currentActiveId = null;
  };

document.getElementById('closeNotes').addEventListener('click', closePopup);
  document.getElementById('cancelNotes').addEventListener('click', closePopup);
  overlay.addEventListener('click', closePopup);

// Lưu dữ liệu Ghi chú
  document.getElementById('saveNotes').addEventListener('click', function() {
    if (!currentActiveId) return;
    const value = noteInput.value.trim();
    
    if (value) {
      localNotesData[currentActiveId] = value;
    } else {
      delete localNotesData[currentActiveId];
    }
    
    localStorage.setItem(storageKey, JSON.stringify(localNotesData));
    refreshNotesUI(currentActiveId);
    closePopup();
  });
});
//]]>
</script>
</div>
</div>
<div class='bc-fff r2 oh s1 p-y10x15 fs-14'>
<ol class='lsn m-0 pl-0 m-y0x4-li fw-600 fs-13' itemscope='itemscope' itemtype='http://schema.org/BreadcrumbList'>
<li class='i-block' itemprop='itemListElement' itemscope='itemscope' itemtype='http://schema.org/ListItem'>
<a href='https://veotemplate.blogspot.com/' itemprop='item'><span itemprop='name'>Veotemplate</span></a>
<meta content='1' itemprop='position'/>
</li>
                                  ›
                                  <li class='i-block' itemprop='itemListElement' itemscope='itemscope' itemtype='http://schema.org/ListItem'>
<a href='https://veotemplate.blogspot.com/2026/06/code.html' itemprop='item'><span itemprop='name'>code</span></a>
<meta content='2' itemprop='position'/>
</li>
</ol>
</div>
</article>
<div class='bc-fff r2 s1 a3 oh'>
<h2 class='c-theme m-0 bb-1pxsf y9x19p fs-15 flex aic jcsb'><span class='flex aic'><svg aria-hidden='true' height='1em' preserveAspectRatio='xMidYMid meet' role='img' viewBox='0 0 24 24' width='1em' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g fill='none'><path d='M10 2H2v8h3v12h2V10h3v2h2v2h2v8h8v-8h-8v-2h-2v-2h-2V2zM4 8V4h4v4H4zm12 12v-4h4v4h-4z' fill='currentColor'></path></g></svg>Rekomendasi</span><div class='flex aic wh-18-svg gg-10'>
<div id='prev'><svg aria-hidden='true' height='1em' preserveAspectRatio='xMidYMid meet' role='img' viewBox='0 0 24 24' width='1em' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><path d='M4.431 12.822l13 9A1 1 0 0 0 19 21V3a1 1 0 0 0-1.569-.823l-13 9a1.003 1.003 0 0 0 0 1.645z' fill='currentColor'></path></svg></div>
<div id='next'><svg aria-hidden='true' height='1em' preserveAspectRatio='xMidYMid meet' role='img' viewBox='0 0 24 24' width='1em' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><path d='M5.536 21.886a1.004 1.004 0 0 0 1.033-.064l13-9a1 1 0 0 0 0-1.644l-13-9A1 1 0 0 0 5 3v18a1 1 0 0 0 .536.886z' fill='currentColor'></path></svg>
</div>
</div></h2>
<div class='bc-fff s1 r2 p-13 oh full' id='related-posts'></div>
<script>
              var labelArray = [];
              var relatedPostConfig={
              homePage: "https://veotemplate.blogspot.com/",
              widgetTitle: "",
              numPosts: 10,
              summaryLength: 20,
              titleLength:"auto",
              thumbnailSize: 250,
              noImage: "data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=",
              containerId: "related-posts",
              newTabLink: false,
              moreText: "Read more",
              widgetStyle: 2,
              callBack:function(){}
              }
            </script>
<script>/*<![CDATA[*/ 
var randomRelatedIndex, showRelatedPost;
(function(n, m, k) {
  var d = {
    widgetTitle: "<h3 class='heading'>Related Posts</h3>",
    widgetStyle: 1,
    homePage: "http://www.jagodesain.com",
    numPosts: 7,
    summaryLength: 320,
    titleLength: "auto",
    thumbnailSize: 200,
    noImage: "data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=",
    containerId: "related-posts",
    newTabLink: false,
    moreText: "Read more",
    callBack: function() {}
  };
  for (var f in relatedPostConfig) {
    d[f] = (relatedPostConfig[f] == "undefined") ? d[f] : relatedPostConfig[f]
  }
  var j = function(a) {
      var b = m.createElement("script");
      b.async = "async";
      b.rel = "preload";
      b.src = a;
      k.appendChild(b)
    },
    o = function(b, a) {
      return Math.floor(Math.random() * (a - b + 1)) + b
    },
    l = function(a) {
      var p = a.length,
        c, b;
      if (p === 0) {
        return false
      }
      while (--p) {
        c = Math.floor(Math.random() * (p + 1));
        b = a[p];
        a[p] = a[c];
        a[c] = b
      }
      return a
    },
    e = (typeof labelArray == "object" && labelArray.length > 0) ? "/-/" + l(labelArray)[0] : "",
    h = function(b) {
      var c = b.feed.openSearch$totalResults.$t - d.numPosts,
        a = o(1, (c > 0 ? c : 1));
      j(d.homePage.replace(/\/$/, "") + "/feeds/posts/summary/-/Series" + e + "?alt=json-in-script&orderby=updated&start-index=" + a + "&max-results=" + d.numPosts + "&callback=showRelatedPost")
    },
    g = function(z) {
      var s = document.getElementById(d.containerId),
        x = l(z.feed.entry),
        A = d.widgetStyle,
        c = d.widgetTitle + '<ul class="pl-0 m-0 grid gtc-f141a gg-20 slide rel lsn ul style-' + A + '">',
        b = d.newTabLink ? ' target="_blank"' : "",
        y = '',
        v, t, w, r, u;
      if (!s) {
        return
      }
      for (var q = 0; q < d.numPosts; q++) {
        if (q == x.length) {
          break
        }
        t = x[q].title.$t;
        w = (d.titleLength !== "auto" && d.titleLength < t.length) ? t.substring(0, d.titleLength) + "…" : t;
        r = ("media$thumbnail" in x[q] && d.thumbnailSize !== false) ? x[q].media$thumbnail.url.replace("s72","w210-h270") : d.noImage;
        u = ("summary" in x[q] && d.summaryLength > 0) ? x[q].summary.$t.replace(/<br ?\/?>/g, " ").replace(/<.*?>/g, "").replace(/[<>]/g, "").substring(0, d.summaryLength) + "…" : "";
        for (var p = 0, a = x[q].link.length; p < a; p++) {
          v = (x[q].link[p].rel == "alternate") ? x[q].link[p].href : "#"
        }
        if (A == 2) {
          c += '<li><div class="grid gtc-1001fr gg-10"><div class="item-thumbnail imgItem full-i h-220 relative b-img oh"><a href="' + v + '"><img class="post-thumb lazy" alt="' + w + '" src="' + r + '"></a></div><div class="item-title clamp toe oh block fs-15 lh-20 yt8m ck m-0"><a href="' + v + '"><span>' + w + '</span></a></div></div></li>'
        } else {
          c += '<li><div class="item-related"><div class="item-thumbnail"><div><img class="post-thumb lazy" alt="' + w + '" src="' + r + '"></div></div><div class="item-title"><a href="' + v + '"><span>' + w + '</span></a></div></div></li>'
        }
      }
      s.innerHTML = c += "</ul>";
      d.callBack()
    };
  randomRelatedIndex = h;
  showRelatedPost = g;
  j(d.homePage.replace(/\/$/, "") + "/feeds/posts/summary/-/Series" + e + "?alt=json-in-script&orderby=updated&max-results=0&callback=randomRelatedIndex")
})(window, document, document.getElementsByTagName("head")[0]);

/*]]>*/</script>
</div>
<section class='comments threaded' data-embed='true' data-num-comments='0' id='comments'>
<input class='cmAl hidden' id='forAllCm' type='checkbox'/>
<div class='flex jcsb aic bb-1pxsf y9x19p'>
<h2 class='c-theme m-0 fs-15 flex aic'><svg aria-hidden='true' height='1em' preserveAspectRatio='xMidYMid meet' role='img' viewBox='0 0 24 24' width='1em' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><path d='M20 17.17V4H4v12h14.83L20 17.17zM18 14H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z' fill='currentColor' opacity='.3'></path><path d='M4 18h14l4 4l-.01-18c0-1.1-.89-2-1.99-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2zM4 4h16v13.17L18.83 16H4V4zm2 8h12v2H6zm0-3h12v2H6zm0-3h12v2H6z' fill='currentColor'></path></svg>Nhận xét (0)</h2>
<label aria-label='' class='s' data-new='Newest' data-text='Oldest' for='forAllCm'></label>
</div>
<script>var comment = false;</script>
<div class='comment-form'>
<div id='threaded-comment-form'>
<a href='https://www.blogger.com/comment/frame/101519330006490960?po=5650569479500767397&hl=vi&saa=85391&origin=https://veotemplate.blogspot.com&skin=contempo' id='comment-editor-src'></a>
<iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' data-resized='true' data-src='https://www.blogger.com/comment/frame/101519330006490960?po=5650569479500767397&hl=vi&saa=85391&origin=https://veotemplate.blogspot.com&skin=contempo&skin=contempo' frameborder='0' height='410px' id='comment-editor' name='comment-editor' src='https://www.blogger.com/comment/frame/101519330006490960?po=5650569479500767397&hl=vi&saa=85391&origin=https://veotemplate.blogspot.com&skin=contempo&skin=contempo' width='100%'></iframe>
<script src='https://www.blogger.com/static/v1/jsbin/2830521187-comment_from_post_iframe.js' type='text/javascript'></script>
<script type='text/javascript'>
              BLOG_CMT_createIframe('https://www.blogger.com/rpc_relay.html');
            </script>
</div>
</div>
</section>
<script>/*<![CDATA[*/ document.addEventListener("DOMContentLoaded", function() { var a=document, b = a.getElementById("comment-editor"), d = b.getAttribute("data-src"); if (b.setAttribute("src", d), 1 == comment) { var f = a.getElementsByClassName("reply-to"), c = a.getElementById("threaded-comment-form"), h = f.length, k = function(b, d, e, f) { b.addEventListener("click", function() { var c = b.getAttribute("data-reply-to"); a.getElementById("c" + c).appendChild(d); a.getElementById("threaded-comment-form").className = 'comment-replybox-single'; a.getElementById("addcomment").className = 'comment-reply button outline'; e.src = f + "&parentID=" + c }) }; for (i = 0; i < h; i++) k(f[i], c, b, d); var l = a.getElementsByClassName("comment-form")[0]; a.getElementById("addcomment").addEventListener("click", function() { l.appendChild(c); a.getElementById("threaded-comment-form").className = 'comment-replybox-thread'; a.getElementById("addcomment").className = 'comment-reply hidden'; b.src = d }) } }); /*]]>*/</script>
</div>
</div>
</div>
</main>
<footer class='bc-22'>
<div class='section' id='footer'><div class='widget PageList' data-version='2' id='PageList2'>
<nav class='max-w mla mra flex fdc-375 md:tac'>
<a class='c-cc y0x9p fs-14 lh-35 i-block' href='https://zeistmanga-bt.blogspot.com/search/label/A-Z'>A-Z</a>
<a class='c-cc y0x9p fs-14 lh-35 i-block' href='https://zeistmanga-bt.blogspot.com/search/label/Blog'>Blog</a>
</nav>
</div><div class='widget Label' data-version='2' id='Label2'>
<article class='max-w mra mla'>
<div class='flex aic c-cc jcc fdc-375'>
<h3 class='title'>
A-Z LIST
</h3>
<div class='ml-20 mr-20'>|</div>
<p>Cari manga dari urutan A sampai Z</p>
</div>
<div class='tac'>
</div>
</article>
</div><div class='widget Text' data-version='2' id='Text1'>
<aside class='max-w mla mra mb-13'>
<div class='mb-6 mt tac fs-30 fsi mt-15 c-fff'>
<div class='socialbutton'>
<a class='scfb' href='https://www.facebook.com/kiryuuco' target='_blank'><i class='fab fa-facebook-f'></i></a>
<a class='scig' href='https://www.instagram.com/kiryuuid/' target='_blank'><i class='fab fa-instagram'></i></a>
<a class='scdc' href='https://discord.com/invite/VFWVDDPgDg' target='_blank'><i class='fab fa-discord'></i></a>
</div>
</div>
<div class='w-50p mla mra c-cc fs-12 lh-1d7'>
All the comics on this website are only previews of the original comics,  there may be many language errors, character names, and story lines.  For the original version, please buy the comic if it's available in your  city.
</div>
</aside>
</div></div>
<div class='bc-22'>
<div class='max-w mra mla c-cc fs-12 p-13 tac link'>
          © <span><script>document.write(new Date().getFullYear())</script></span>
<strong>Veotemplate.</strong>
          All Rights Reserved. Theme by <strong><a class='c-theme' href='https://emissionhex.blogspot.com/'>EmissionHex</a></strong>
</div>
</div>
</footer>
<button id='scTop' onclick='topFunction()' title='Go to top'><svg aria-hidden='true' height='1em' preserveAspectRatio='xMidYMid meet' role='img' viewBox='0 0 16 16' width='1em' xmlns='http://www.w3.org/2000/svg'><path d='M12.25 10.25L8 5.75l-4.25 4.5' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'></path></svg></button>
<script>/*<![CDATA[*/
function darkMode(){localStorage.setItem("mode","darkmode"===localStorage.getItem("mode")?"light":"darkmode"),"darkmode"===localStorage.getItem("mode")?document.querySelector("#modeSwitch").classList.add("dark-mode"):document.querySelector("#modeSwitch").classList.remove("dark-mode")};

function copyFunction(){document.getElementById("getlink").select(),document.execCommand("copy"),document.getElementById("share-notif").innerHTML="<span>Link copied!</span>" };
/*]]>*/
      </script>
<script>
//Get the button
var mybutton = document.getElementById("scTop");

// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {scrollFunction()};

function scrollFunction() {
  if (document.body.scrollTop > 150 || document.documentElement.scrollTop > 150) {
    mybutton.style.display = "block";
  } else {
    mybutton.style.display = "none";
  }
}

// When the user clicks on the button, scroll to the top of the document
function topFunction() {
  document.body.scrollTop = 0;
  document.documentElement.scrollTop = 0;
}
</script>
<script>/*<![CDATA[*/ 
  document.getElementById('there').appendChild(
    document.getElementById('download')
  );
/*]]>*/</script>
<script>/*<![CDATA[*/ 
  document.getElementById('extra-target').appendChild(
    document.getElementById('extra-info')
  ); 
/*]]>*/</script>
<script>/*<![CDATA[*/ 
  document.getElementById('character-target').appendChild(
    document.getElementById('character')
  ); 
/*]]>*/</script>
<script>/*<![CDATA[*/ 
document.getElementById('cl').appendChild(
    document.getElementById('downloadlist')
  ); 
/*]]>*/</script>
<script>/*<![CDATA[*/ 
  document.getElementById('myhero').appendChild(
    document.getElementById('custom-hero')
  ); 
/*]]>*/</script>
<script>/*<![CDATA[*/ 
  document.getElementById('syn-target').appendChild(
    document.getElementById('synopsis')
  ); 
/*]]>*/</script>
<script>/*<![CDATA[*/
function fungsiSearch() {
   var element = document.getElementById("Query-input");
   element.classList.toggle("mystyle");
}
/*]]>*/</script>
<script>/*<![CDATA[*/
function myMenu() {
   var element = document.getElementById("PageList1");
   element.classList.toggle("shwx");
}
/*]]>*/</script>
<script>/*<![CDATA[*/
var toggle  = document.getElementById("toggle");
var content = document.getElementById("content");

toggle.addEventListener("click", function() {
  content.style.display = (content.dataset.toggled ^= 1) ? "block" : "none";
});
/*]]>*/</script>

<script>/*<![CDATA[*/ (function timeAgo(selector) { var templates = {prefix: "", suffix: "", seconds: "second ago", minute: "1 min", minutes: "%d min", hour: "1 hour", hours: "%d hour", day: "1 day", days: "%d days", month: "1 month", months: "%d month", year: "1 year", years: "%d years"}; var template = function(t, n) { return templates[t] && templates[t].replace(/%d/i, Math.abs(Math.round(n))); }; var timer = function(time) { if (!time) return; time = time.replace(/\.\d+/, ""); time = time.replace(/-/, "/").replace(/-/, "/"); time = time.replace(/T/, " ").replace(/Z/, " UTC"); time = time.replace(/([\+\-]\d\d)\:?(\d\d)/, " $1$2"); time = new Date(time * 1000 || time); var now = new Date(); var seconds = ((now.getTime() - time) * .001) >> 0; var minutes = seconds / 60; var hours = minutes / 60; var days = hours / 24; var years = days / 365; return templates.prefix + ( seconds < 45 && template('seconds', seconds) || seconds < 90 && template('minute', 1) || minutes < 45 && template('minutes', minutes) || minutes < 90 && template('hour', 1) || hours < 24 && template('hours', hours) || hours < 42 && template('day', 1) || days < 30 && template('days', days) || days < 45 && template('month', 1) || days < 365 && template('months', days / 30) || years < 1.5 && template('year', 1) || template('years', years) ) + templates.suffix; }; var elements = document.getElementsByClassName('timeago'); for (var i in elements) { var $this = elements[i]; if (typeof $this === 'object') { $this.innerHTML = timer($this.getAttribute('title') || $this.getAttribute('datetime')); } } setTimeout(timeAgo, 60000); })(); /*]]>*/</script>
<script>
        //<![CDATA[
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?"":e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d[e(c)]=k[c]||e(c);k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1;};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p;}('1v j=["\\n\\Z\\y\\r\\p\\1b\\z\\Z\\b\\k\\O\\k\\f\\k\\d\\k\\i\\k\\g\\k\\s\\M\\w\\r\\b\\o\\16\\h\\11\\r\\m\\1c\\m\\p\\k\\O\\o\\b\\h\\u\\h\\W\\r\\p\\k\\f\\o\\16\\h\\11\\r\\m\\x\\m\\p\\k\\d\\o\\f\\h\\13\\r\\m\\1i\\m\\p\\k\\g\\o\\S\\M\\g\\18\\d\\h\\15\\M\\g\\P\\P\\p\\i\\o\\d\\B\\g\\F\\h\\13\\r\\m\\l\\m\\p\\B\\S\\F\\k\\s\\o\\i\\h\\1a\\a\\a\\i\\h\\1d\\k\\s\\h\\W\\r\\p\\h\\v\\r\\O\\p\\1f\\19\\1e\\1h\\d\\B\\g\\F\\h\\V\\h\\U\\o\\m\\m\\1g\\d\\B\\g\\F\\h\\V\\h\\U\\o\\m\\t\\m\\1r","\\a","\\g\\v\\i\\u\\c","\\a\\a\\c\\a\\x\\t\\n\\K\\s\\b\\f\\c\\a\\y\\b\\c\\Y\\i\\b\\s\\b\\f\\c\\X\\G\\T\\x\\a\\c\\t\\1s\\v\\v\\b\\l\\C\\d\\g\\b\\a\\g\\c\\G\\i\\b\\a\\x\\u\\g\\v\\i\\d\\G\\a\\y\\b\\c\\Y\\i\\b\\s\\b\\f\\c\\g\\X\\G\\R\\d\\y\\1q\\d\\s\\b\\a\\i\\u\\a\\a\\i\\b\\f\\y\\c\\w\\a\\z\\K\\f\\n\\c\\u\\t\\f\\a\\i\\u\\g\\c\\T\\c\\b\\s\\a\\a\\Q\\d\\l\\a\\g\\b\\d\\l\\n\\w\\i\\u\\g\\c\\n\\w\\d\\v\\c\\a\\z\\t\\l\\a\\Q\\d\\i\\K\\b\\a\\g\\b\\d\\l\\n\\w\\n\\w\\d\\v\\c\\b\\l\\a\\u\\f\\f\\b\\l\\R\\b\\J\\c\\a\\a\\a\\a\\f\\t\\f\\b\\a\\u\\f\\x\\b\\J\\1t\\z\\a\\c\\b\\J\\c\\C\\t\\f\\c\\b\\f\\c\\a\\n\\w\\d\\v\\c\\b\\l\\a","","\\z\\l\\t\\s\\C\\w\\d\\l\\C\\t\\x\\b","\\l\\b\\v\\i\\d\\n\\b","\\17\\1u\\P","\\17\\15","\\y"];1p(D(H,I,e,A,q,N){q=D(e){E(e<I?j[4]:q(1l(e/I)))+((e=e%I)>1k?10[j[5]](e+L):e.1j(1o))};12(!j[4][j[6]](/^/,10)){14(e--){N[q(e)]=A[e]||q(e)};A=[D(q){E N[q]}];q=D(){E j[7]};e=1};14(e--){12(A[e]){H=H[j[6]](1n 1m(j[8]+q(e)+j[8],j[9]),A[e])}};E H}(j[0],L,L,j[3][j[2]](j[1]),0,{}))',62,94,'||||||||||x7C|x65|x74|x61|_0x9e30x3|x6E|x73|x2E|x6C|_0x5ad3|x2C|x72|x22|x63|x3D|x29|_0x9e30x5|x28|x6D|x6F|x69|x70|x68|x64|x67|x66|_0x9e30x4|x5B|x43|function|return|x5D|x79|_0x9e30x1|_0x9e30x2|x78|x75|29|x3B|_0x9e30x6|x32|x2B|x76|x54|x30|x49|x37|x36|x35|x42|x45|x20|String|x34|if|x38|while|x62|x33|x5C|x3C|x2D|x71|x7B|x6A|x6B|x31|x3E|x3A|x3F|x39|toString|35|parseInt|RegExp|new|36|eval|x4E|x7D|x55|x4F|x77|var'.split('|'),0,{}))
//]]>
      </script>
<script>//<![CDATA[
var root = document.documentElement
var button = document.querySelector('.fit-btn')
button.addEventListener('click', () => {

root.classList.toggle('fit')

if (root.classList.contains('fit')) {
    localStorage.setItem('isFit', '1')
  } else {
    localStorage.removeItem('isFit')
  }

})//]]></script>
<script>
      //<![CDATA[
var uri = window.location.toString();if (uri.indexOf("?m=1","?m=1") > 0) {var clean_uri = uri.substring(0, uri.indexOf("?m=1"));window.history.replaceState({}, document.title, clean_uri);}
//]]>
    </script>
<script>
  $('#prev').on('click', function() {
  $('.ul').animate({
    scrollLeft: '-=400'
  }, 1, 'swing');
});

$('#next').on('click', function() {
  $('.ul').animate({
    scrollLeft: '+=400'
  }, 1, 'swing');
});
    </script>
<script type='text/javascript'>//<![CDATA[

//]]></script>
<script>//<![CDATA[
var limitBookmark = 100;
var bookmark = (function(){
list = [];

//Structure Push to Object New Item
function Item(id,name,status,type,link,img){
	this.id = id;
	this.name = name;
    this.status = status;
	this.type = type;
    this.link = link;
	this.img = img;
}

//Event Saving to Local Storage
function setBookmark(){
	localStorage.setItem('bookmark', JSON.stringify(list));
}

function loadBookmark() {
    list = JSON.parse(localStorage.getItem('bookmark'));
}

if (localStorage.getItem("bookmark") != null) {
    loadBookmark();
}

obj = {};
//Add New Item Object to Array
obj.addItemTobookmark = function(id,name,status,type,link,img) {
    var item = new Item(id,name,status,type,link,img),
    itemList = list;
    if(itemList != null){
    same = itemList.find(item =>{return item.id == id;});
    if(list.length<limitBookmark){
     if(!same){
    	list.push(item);
    	setBookmark();
      }
     }
    }else{
    	list.push(item);
    	setBookmark();
    }
}

//Remove Bookmark    
obj.removeThisItem = function(id) {
    for(var item in list) {
      if(list[item].id === id) {
        list.splice(item, 1);
        break;
      }
    }
    setBookmark();
  }
  
  return obj;
})();

$('.bookmark').each(function(event) {
const getData = JSON.parse(localStorage.getItem('bookmark'));
for(var i in getData){
	if(getData[i].id == $(this).data('id')){
     $(this).html('Bookmarked')
     $(this).addClass('bookmarked')
    }
}
  $(this).click(function(){
const list = JSON.parse(localStorage.getItem('bookmark'));
  //Retrieve Data From Post
  	const id = $(this).data('id'),
  	name = $('article.oh.a2 header h1.mb-6').text().replace('\n',''),
    link = location.protocol + '//' + location.hostname +  location.pathname,
    img = $('div.grid div.a1 figure img').attr('src'),
    status = $('aside.s1 div.y6x11p:nth-child(1) span.dt a').text().replace('\n',''),
    type = $('aside.s1 div.y6x11p:nth-child(2) span.dt a').text().replace('\n','');
    
  //Set To Function Bookmark
if(list == null){
  if(!$(this).hasClass('bookmarked')){
    	bookmark.addItemTobookmark(id,name,status,type,link,img);
  		$(this).addClass('bookmarked')
  		$(this).html('Bookmarked')
  }else{
  	bookmark.removeThisItem(id);
  	$(this).html('Bookmark <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 16 16"><path fill="currentColor" d="M1 3.25C1 2.56 1.56 2 2.249 2h.5c.69 0 1.248.56 1.248 1.25v9.495c0 .69-.559 1.25-1.248 1.25h-.5A1.25 1.25 0 0 1 1 12.744V3.249ZM2.249 3a.25.25 0 0 0-.25.25v9.495c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25V3.249a.25.25 0 0 0-.25-.25h-.5Zm2.748.25c0-.69.559-1.25 1.249-1.25h.5c.689 0 1.248.56 1.248 1.25v9.495c0 .69-.56 1.25-1.249 1.25h-.5a1.25 1.25 0 0 1-1.248-1.25V3.249ZM6.246 3a.25.25 0 0 0-.25.25v9.495c0 .138.112.25.25.25h.5a.25.25 0 0 0 .249-.25V3.249a.25.25 0 0 0-.25-.25h-.5Zm5.726 1.777a1.249 1.249 0 0 0-1.57-.713l-.583.204a1.25 1.25 0 0 0-.746 1.645l2.937 7.304c.249.62.94.933 1.571.713l.582-.204a1.25 1.25 0 0 0 .746-1.646l-2.937-7.303Zm-1.24.23a.25.25 0 0 1 .313.143l2.937 7.303a.25.25 0 0 1-.149.33l-.582.203a.25.25 0 0 1-.314-.142L10 5.54a.25.25 0 0 1 .149-.329l.582-.204Z"/></svg>')
  	$(this).removeClass('bookmarked')
  }
}else{
  if(!$(this).hasClass('bookmarked')){
if(list.length<limitBookmark){
    	bookmark.addItemTobookmark(id,name,status,type,link,img);
  		$(this).addClass('bookmarked')
  		$(this).html('Bookmarked')
}
  }else{
  	bookmark.removeThisItem(id);
  	$(this).html('Bookmark <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 16 16"><path fill="currentColor" d="M1 3.25C1 2.56 1.56 2 2.249 2h.5c.69 0 1.248.56 1.248 1.25v9.495c0 .69-.559 1.25-1.248 1.25h-.5A1.25 1.25 0 0 1 1 12.744V3.249ZM2.249 3a.25.25 0 0 0-.25.25v9.495c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25V3.249a.25.25 0 0 0-.25-.25h-.5Zm2.748.25c0-.69.559-1.25 1.249-1.25h.5c.689 0 1.248.56 1.248 1.25v9.495c0 .69-.56 1.25-1.249 1.25h-.5a1.25 1.25 0 0 1-1.248-1.25V3.249ZM6.246 3a.25.25 0 0 0-.25.25v9.495c0 .138.112.25.25.25h.5a.25.25 0 0 0 .249-.25V3.249a.25.25 0 0 0-.25-.25h-.5Zm5.726 1.777a1.249 1.249 0 0 0-1.57-.713l-.583.204a1.25 1.25 0 0 0-.746 1.645l2.937 7.304c.249.62.94.933 1.571.713l.582-.204a1.25 1.25 0 0 0 .746-1.646l-2.937-7.303Zm-1.24.23a.25.25 0 0 1 .313.143l2.937 7.303a.25.25 0 0 1-.149.33l-.582.203a.25.25 0 0 1-.314-.142L10 5.54a.25.25 0 0 1 .149-.329l.582-.204Z"/></svg>')
  	$(this).removeClass('bookmarked')
  }
}
  })
});
     //]]></script>

</body>
</html>

Baca code

Read code

📝 Ghi chú yêu cầu riêng