Javascript | Néhány egyedi példa

Íme néhány egyedi JavaScript példa:

Reklámblokkolók észlelése:

if(typeof adBlock === 'undefined') {
  alert('Please disable your adblocker to view this website.');
}

Ez a kód ellenőrzi, hogy létezik-e a adBlock változó, amelyet általában használnak a hirdetésblokkolók. Ha nem létezik, akkor figyelmezteti a felhasználót, hogy tiltsa le a hirdetésblokkolót.

Véletlenszerű jelszógenerátor:

function generatePassword(length) {
  var charset = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*()_+~`|}{[]\:;?><,./-=";
  var password = "";
  for (var i = 0; i < length; i++) {
    password += charset.charAt(Math.floor(Math.random() * charset.length));
  }
  return password;
}

console.log(generatePassword(12)); // Example output: Rf$%w5@jKpI^

Ez a kód véletlenszerű jelszót generál, a jelszó lehetséges karaktereiként egy karaktersorozatot használva. Ezután visszaadja a generált jelszót. A length paraméter határozza meg a jelszó hosszát.

Egyéni kurzor:

document.addEventListener("mousemove", function(e) {
  var cursor = document.getElementById("cursor");
  cursor.style.left = e.clientX + "px";
  cursor.style.top = e.clientY + "px";
});

document.addEventListener("mouseenter", function() {
  var cursor = document.getElementById("cursor");
  cursor.style.display = "block";
});

document.addEventListener("mouseleave", function() {
  var cursor = document.getElementById("cursor");
  cursor.style.display = "none";
});

Ez a kód egyéni kurzort hoz létre azon az oldalon, amely követi az egér mozgását. Létrehoz egy div elemet egy id "kurzorral", amely abszolút az oldalon helyezkedik el. Az mousemove eseményfigyelő frissíti a kurzorelem pozícióját, hogy kövesse az egér mozgását. A mouseenter és mouseleave eseményfigyelő megjeleníti és elrejti a kurzorelemet.

Földrajzi hely:

if (navigator.geolocation) {
  navigator.geolocation.getCurrentPosition(function(position) {
    var latitude = position.coords.latitude;
    var longitude = position.coords.longitude;
    console.log("Latitude: " + latitude + ", Longitude: " + longitude);
  });
} else {
  console.log("Geolocation is not supported by this browser.");
}

Ez a kód a getCurrentPosition() metódust használja a felhasználó tartózkodási helyének aktuális szélességi és hosszúsági fokának lekéréséhez a Geolocation API segítségével. Ha a Geolocation API-t a felhasználó böngészője nem támogatja, hibaüzenetet jelenít meg.

Képkörhinta:

var slideIndex = 0;
showSlides();

function showSlides() {
  var i;
  var slides = document.getElementsByClassName("mySlides");
  for (i = 0; i < slides.length; i++) {
    slides[i].style.display = "none";  
  }
  slideIndex++;
  if (slideIndex > slides.length) {
    slideIndex = 1
  }    
  slides[slideIndex-1].style.display = "block";  
  setTimeout(showSlides, 2000); // Change image every 2 seconds
}function showSlides() {
  var i;
  var slides = document.getElementsByClassName("mySlides");
  for (i = 0; i < slides.length; i++) {
    slides[i].style.display = "none";  
  }
  slideIndex++;
  if (slideIndex > slides.length) {
    slideIndex = 1
  }    
  slides[slideIndex-1].style.display = "block";  
  setTimeout(showSlides, 2000); // Change image every 2 seconds
}

Ez a kód egy képkört hoz létre, amely 2 másodpercenként körbefut egy képsorozaton. Egy for ciklus segítségével állítja be az összes kép display tulajdonságát "none" értékre, majd az aktuális kép display tulajdonságát "block" értékre állítja. Ezután beállít egy időtúllépést a showSlides() függvény ismételt meghívására 2 másodperc után, ami a következő kép megjelenítését eredményezi.