0
Kayıt Ol

Yazdığım kod neden çalışmıyor ?

17

●

552

  • 07-01-2023, 02:31:51
    #10
    deffydark
    deffydark
    bluecrown adlı üyeden alıntı: mesajı görüntüle
    <form action="" method="get"> olması gerekli
    3. satıra mı eklemem gerekiyor hocam ? çünkü ekleyince bir şey değişmedi
    ginam adlı üyeden alıntı: mesajı görüntüle
    12.Satırı normalde dolduruyor musunuz? Yoksa hiç değiştirmediniz mi?
    tırnak içine api keyimi yazıyorum hocam
  • 07-01-2023, 02:32:40
    #11
    ginam
    ginam
    deffydark adlı üyeden alıntı: mesajı görüntüle
    3. satıra mı eklemem gerekiyor hocam ? çünkü ekleyince bir şey değişmedi

    tırnak içine api keyimi yazıyorum hocam
    Evet hocam
  • 07-01-2023, 02:33:27
    #12
    can44
    can44
    deffydark adlı üyeden alıntı: mesajı görüntüle
    sizinle aynı sayfayı aldım hocam
    hocam, sizin kodlari calistirdim 1 tane sonuc donderiyor ve calisiyordu video urlsi geldi bende. Ek olarak kendime chatgptden ajaxli bitane kodlattim resimli vs, onu gondereyim bir bakin isterseniz 
    <!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>yt</title>
</head>
<body>

<form>
  <label for="songName">Şarkı Adı:</label><br>
  <input type="text" id="songName" name="songName"><br>
  <button type="button" onclick="searchSong()">Ara</button>
</form>

<button id="prevButton" onclick="prevPage()" disabled>Önceki</button>
<button id="nextButton" onclick="nextPage()" disabled>Sonraki</button>

<ul id="songList"></ul>

<script>
let currentPageToken = '';

function searchSong() {
  // Formdaki şarkı adını al
  const songName = document.getElementById('songName').value;

  // YouTube API kullanarak şarkıyı arayın
  const query = `${songName} song`;
  const url = 'https://www.googleapis.com/youtube/v3/search';
  const params = {
    part: 'snippet',
    type: 'video',
    q: query,
    key: 'apikeyiniz',
    maxResults: 20,
    pageToken: currentPageToken
  };

  // HTTP GET isteği gönderin
  const xhr = new XMLHttpRequest();
  xhr.responseType = 'json';
  xhr.onreadystatechange = function() {
    if (xhr.readyState === XMLHttpRequest.DONE) {
      // Cevapları işleyin ve şarkı linklerini listeleyin
      const response = xhr.response;
      currentPageToken = response.nextPageToken;
      const songList = response.items.map((item) => {
        return `
          <li>
            <a href="https://www.youtube.com/watch?v=${item.id.videoId}">
              <img src="${item.snippet.thumbnails.default.url}" alt="${item.snippet.title}" />
              ${item.snippet.title}
            </a>
          </li>
        `;
      });
      document.getElementById('songList').innerHTML = songList.join('');

      // "önceki" ve "sonraki" düğmelerini güncelleyin
      document.getElementById('prevButton').disabled = !response.prevPageToken;
      document.getElementById('nextButton').disabled = !response.nextPageToken;
    }
  };
  xhr.open('GET', url + '?' + new URLSearchParams(params));
  xhr.send();
}

function prevPage() {
  currentPageToken = 'PREV_PAGE_TOKEN';
  searchSong();
}

function nextPage() {
  currentPageToken = 'NEXT_PAGE_TOKEN';
  searchSong();
}
</script>

    
</body>
</html>
  • 07-01-2023, 02:33:35
    #13
    deffydark
    deffydark
    ginam adlı üyeden alıntı: mesajı görüntüle
    Evet hocam
    yinede not found hatası yazıyor , sizde çalışıyor mu acaba ?
  • 07-01-2023, 02:34:38
    #14
    ginam
    ginam
    deffydark adlı üyeden alıntı: mesajı görüntüle
    yinede not found hatası yazıyor , sizde çalışıyor mu acaba ?
    Yapmak istediğiniz işlemi tam olarak yazar mısınız hocam
  • 07-01-2023, 02:35:17
    #15
    deffydark
    deffydark
    can44 adlı üyeden alıntı: mesajı görüntüle
    hocam, sizin kodlari calistirdim 1 tane sonuc donderiyor ve calisiyordu video urlsi geldi bende. Ek olarak kendime chatgptden ajaxli bitane kodlattim resimli vs, onu gondereyim bir bakin isterseniz 
    <!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>yt</title>
</head>
<body>

<form>
  <label for="songName">Şarkı Adı:</label><br>
  <input type="text" id="songName" name="songName"><br>
  <button type="button" onclick="searchSong()">Ara</button>
</form>

<button id="prevButton" onclick="prevPage()" disabled>Önceki</button>
<button id="nextButton" onclick="nextPage()" disabled>Sonraki</button>

<ul id="songList"></ul>

<script>
let currentPageToken = '';

function searchSong() {
  // Formdaki şarkı adını al
  const songName = document.getElementById('songName').value;

  // YouTube API kullanarak şarkıyı arayın
  const query = `${songName} song`;
  const url = 'https://www.googleapis.com/youtube/v3/search';
  const params = {
    part: 'snippet',
    type: 'video',
    q: query,
    key: 'apikeyiniz',
    maxResults: 20,
    pageToken: currentPageToken
  };

  // HTTP GET isteği gönderin
  const xhr = new XMLHttpRequest();
  xhr.responseType = 'json';
  xhr.onreadystatechange = function() {
    if (xhr.readyState === XMLHttpRequest.DONE) {
      // Cevapları işleyin ve şarkı linklerini listeleyin
      const response = xhr.response;
      currentPageToken = response.nextPageToken;
      const songList = response.items.map((item) => {
        return `
          <li>
            <a href="https://www.youtube.com/watch?v=${item.id.videoId}">
              <img src="${item.snippet.thumbnails.default.url}" alt="${item.snippet.title}" />
              ${item.snippet.title}
            </a>
          </li>
        `;
      });
      document.getElementById('songList').innerHTML = songList.join('');

      // "önceki" ve "sonraki" düğmelerini güncelleyin
      document.getElementById('prevButton').disabled = !response.prevPageToken;
      document.getElementById('nextButton').disabled = !response.nextPageToken;
    }
  };
  xhr.open('GET', url + '?' + new URLSearchParams(params));
  xhr.send();
}

function prevPage() {
  currentPageToken = 'PREV_PAGE_TOKEN';
  searchSong();
}

function nextPage() {
  currentPageToken = 'NEXT_PAGE_TOKEN';
  searchSong();
}
</script>

    
</body>
</html>
    tam olarak istediğim buydu hocam teşekkür ederim hocam
    chat gpt tam olarak ne istediniz hocam
  • 07-01-2023, 02:35:54
    #16
    deffydark
    deffydark
    ginam adlı üyeden alıntı: mesajı görüntüle
    Yapmak istediğiniz işlemi tam olarak yazar mısınız hocam
    yukarıda hocamız attı saolasın, şarkı adı girilince 3 5 sonuç çıkmasını amaç edinmiştim
  • 07-01-2023, 02:36:18
    #17
    ginam
    ginam
    deffydark adlı üyeden alıntı: mesajı görüntüle
    yukarıda hocamız attı saolasın, şarkı adı girilince 3 5 sonuç çıkmasını amaç edinmiştim
    Tamamdır. İyi çalışmalar dilerim
  • 07-01-2023, 02:36:22
    #18
    can44
    can44
    deffydark adlı üyeden alıntı: mesajı görüntüle
    tam olarak istediğim buydu hocam teşekkür ederim hocam
    chat gpt tam olarak ne istediniz hocam
    arama barina yaz cikar hocam