Update Harga Daging Ayam Hari Ini Beras Telur Daging Ayam Daging Sapi Cabai Merah Gula Pasir Kota Komoditas Harga Diff Inflasi UP Tgl Inflasi Tgl Sumber var links = document.querySelectorAll('nav ul li a'); var content = document.querySelectorAll('div.content'); var border = document.querySelector('span'); var lis = document.querySelectorAll('nav ul li'); for (let i = 0; i < links.length; i++){ links[i].addEventListener('click', function(e){ e.preventDefault(); var activLinks = document.querySelector('nav ul li a.activ'); var activContent = document.querySelector('section>div.activ'); activLinks.classList.remove('activ'); activContent.classList.remove('activ'); this.classList.add('activ'); var attr = this.getAttribute('href'); var activ = document.querySelector(attr); activ.classList.add('activ'); var lisLength = lis.length; var lisWidth = 100 / lisLength; var position = i*lisWidth; border.style.left = position + '%'; }); } ////////////////////////////// function sortTable(table, col, reverse) { var tb = table.tBodies[0], // use `` to ignore `` and `` rows tr = Array.prototype.slice.call(tb.rows, 0), // put rows into array i; reverse = -((+reverse) || -1); tr = tr.sort(function (a, b) { // sort rows return reverse // `-1 *` if want opposite order * (a.cells[col].textContent.trim() // using `.textContent.trim()` for test .localeCompare(b.cells[col].textContent.trim()) ); }); for(i = 0; i < tr.length; ++i) tb.appendChild(tr[i]); // append each row in order } function makeSortable(table) { var th = table.tHead, i; th && (th = th.rows[0]) && (th = th.cells); if (th) i = th.length; else return; // if no `` then do nothing while (--i >= 0) (function (i) { var dir = 1; th[i].addEventListener('click', function () {sortTable(table, i, (dir = 1 - dir))}); }(i)); } function makeAllSortable(parent) { parent = parent || document.body; var t = parent.getElementsByTagName('table'), i = t.length; while (--i >= 0) makeSortable(t[i]); } window.onload = function () {makeAllSortable();}; function myFunction1() { var activLinks = document.querySelector('nav ul li a.activ') var actdata = activLinks.innerText.split(" ").join("-") // Declare variables var input = document.getElementById("myInput"); var filter = input.value.toUpperCase(); // var content = document.getElementsByClassName("activ"); var table = document.getElementById("myTable"+actdata); var trs = document.tBodies[0].getElementsByTagName("tr"); // Loop through first tbody's rows for (var i = 0; i < trs.length; i++) { // define the row's cells var tds = trs[i].getElementsByTagName("td"); // hide the row trs[i].style.display = "none"; // loop through row cells for (var i2 = 0; i2 < tds.length; i2++) { // if there's a match if (tds[i2].innerHTML.toUpperCase().indexOf(filter) > -1) { // show the row trs[i].style.display = ""; // skip to the next row continue; } } } } function myFunction() { var input, filter, found, table, tr, td, i, j; input = document.getElementById("myInput"); filter = input.value.toUpperCase(); table = document.getElementById("myTable"); tr = document.getElementsByTagName("tr"); for (i = 0; i < tr.length; i++) { td = tr[i].getElementsByTagName("td"); for (j = 0; j < td.length; j++) { if (td[j].innerHTML.toUpperCase().indexOf(filter) > -1) { found = true; } } if (found) { tr[i].style.display = ""; found = false; } else { if (tr[i].id != 'tableHeader'){tr[i].style.display = "none";} } } } // function sortTable(n) { // var table, // rows, // switching, // i, // x, // y, // shouldSwitch, // dir, // switchcount = 0; // var activLinks = document.querySelector('nav ul li a.activ') // var actdata = activLinks.innerText.split(" ").join("-") // table = document.getElementById("myTable"+actdata); // switching = true; // //Set the sorting direction to ascending: // dir = "asc"; // /*Make a loop that will continue until // no switching has been done:*/ // while (switching) { // //start by saying: no switching is done: // switching = false; // rows = table.getElementsByTagName("TR"); // /*Loop through all table rows (except the // first, which contains table headers):*/ // for (i = 1; i < rows.length - 1; i++) { //Change i=0 if you have the header th a separate table. // //start by saying there should be no switching: // shouldSwitch = false; // /*Get the two elements you want to compare, // one from current row and one from the next:*/ // x = rows[i].getElementsByTagName("TD")[n]; // y = rows[i + 1].getElementsByTagName("TD")[n]; // /*check if the two rows should switch place, // based on the direction, asc or desc:*/ // if (dir == "asc") { // if (x.innerHTML.toLowerCase() > y.innerHTML.toLowerCase()) { // //if so, mark as a switch and break the loop: // shouldSwitch = true; // break; // } // } else if (dir == "desc") { // if (x.innerHTML.toLowerCase() < y.innerHTML.toLowerCase()) { // //if so, mark as a switch and break the loop: // shouldSwitch = true; // break; // } // } // } // if (shouldSwitch) { // /*If a switch has been marked, make the switch // and mark that a switch has been done:*/ // rows[i].parentNode.insertBefore(rows[i + 1], rows[i]); // switching = true; // //Each time a switch is done, increase this count by 1: // switchcount++; // } else { // /*If no switching has been done AND the direction is "asc", // set the direction to "desc" and run the while loop again.*/ // if (switchcount == 0 && dir == "asc") { // dir = "desc"; // switching = true; // } // } // } // } var header = document.getElementById("myDIV"); var btns = header.getElementsByClassName("nav_control"); for (var i = 0; i < btns.length; i++) { btns[i].addEventListener("click", function() { var current = document.getElementsByClassName("activ"); current[0].className = current[0].className.replace(" activ", ""); this.className += " activ"; }); } // Loading the jQuery code fetch("https://cors.eu.org/https://www.bi.go.id/hargapangan/WebSite/Home/GetGridData1?tanggal=23%20Mar%202024&commodity=2&priceType=1&isPasokan=1&jenis=1&periode=1&provId=0&_=") .then(function (response) { response.json().then(function (responseText) { console.log(responseText.data[0].Komoditas); var arrayLength = responseText.data; for (var i = 0; i < arrayLength.length; i++) { //// const mq = window.matchMedia( "(min-width: 960px)" ); if (mq.matches) { //PC document.getElementById("datapc").innerHTML += ` ${arrayLength[i].Provinsi} ID:${arrayLength[i].ProvID} ${arrayLength[i].Komoditas} Rp${arrayLength[i].Nilai} +${arrayLength[i].NilaiDiff} ${arrayLength[i].Percentage}% ${arrayLength[i].Tanggal} ${arrayLength[i].TanggalLast} ` //PC } else { //DATAHP document.getElementById("datahp").innerHTML += ` ${arrayLength[i].Provinsi} ID:${arrayLength[i].ProvID} Komoditas: ${arrayLength[i].Komoditas} Harga: Rp${arrayLength[i].Nilai} Diff +${arrayLength[i].NilaiDiff} Inflasi ${arrayLength[i].Percentage}% ` //DATAHP } //// } }); }); Posting Komentar 0Komentar Posting Komentar (0) Contact form HomeTrendingMenu TopikBisnisGoogleTeknoEdukasiPelajaran SekolahHiburanLowongan Kerja //
