base on Js project troll. # Ask For A Date ## Proje Hakkında Ask For A Date, kullanıcıya basit bir etkileşimli deneyim sunan bir JavaScript uygulamasıdır. Bu uygulama, Çıkma teklifi etmek için bir senaryo sunar ve kullanıcının yanlış bir tuşa basması durumunda eğlenceli bir tepki verir. ## Nasıl Çalışır? Kullanıcı ekranda "Evet" ve "Hayır" butonlarına sahip bir kutu görür. Kullanıcı "Tab" tuşuna bastığında, "Hayır" butonu bir patlama animasyonu ile kaybolur, başlık metni değişir ve "Evet" butonu kalır. Ardından, başlık metni tekrar orijinal haline döner. ## Nasıl Kullanılır? Proje dosyalarını bilgisayarınıza klonlayın veya indirin. Daha sonra, HTML dosyasını bir tarayıcıda açarak uygulamayı görüntüleyebilirsiniz. ## Örnek Kod Parçası ```javascript document.addEventListener('keydown', function (event) { if (event.key === 'Tab') { const noButton = document.querySelector('.btnNo'); // noButton değişkenini tanımla if (!noButton.dataset.tabPressed) { // Eğer tab daha önce basılmadıysa devam et noButton.dataset.tabPressed = true; // tab basıldı olarak işaretle noButton.style.animation = 'explode 0.5s forwards'; // Patlama animasyonunu etkinleştir setTimeout(() => noButton.style.display = 'none', 500); // Butonu 0.5 saniye sonra gizle event.preventDefault(); // Tab tuşunun varsayılan davranışını engelle // "title" içindeki span öğelerini gizle const titleSpans = document.querySelectorAll('.title span'); titleSpans.forEach(span => { span.style.opacity = '0'; }); // "title" içindeki "h1" öğesini göster const titleH1 = document.querySelector('.title h1'); titleH1.style.opacity = '1'; // "title" içindeki "h1" öğesinin metnini değiştir titleH1.textContent = 'Hile yapmak yok :)'; // Orijinal başlığa geri dön setTimeout(() => { titleH1.textContent = 'Çıkalım mı artık?'; }, 2000); } } }); ``` ## 🤝 Katkıda Bulunma Katkılarınız benim için önemli. Herhangi bir hata bulursanız veya önerileriniz varsa, lütfen benimle iletişime geçin. ## Lisans Bu proje MIT Lisansı altında lisanslanmıştır. Daha fazla bilgi için [LICENSE](LICENSE) dosyasına bakın. İyi çalışmalar dilerim ^^ [](https://www.instagram.com/kodlama.dili/) ", Assign "at most 3 tags" to the expected json: {"id":"8577","tags":[]} "only from the tags list I provide: [{"id":77,"name":"3d"},{"id":89,"name":"agent"},{"id":17,"name":"ai"},{"id":54,"name":"algorithm"},{"id":24,"name":"api"},{"id":44,"name":"authentication"},{"id":3,"name":"aws"},{"id":27,"name":"backend"},{"id":60,"name":"benchmark"},{"id":72,"name":"best-practices"},{"id":39,"name":"bitcoin"},{"id":37,"name":"blockchain"},{"id":1,"name":"blog"},{"id":45,"name":"bundler"},{"id":58,"name":"cache"},{"id":21,"name":"chat"},{"id":49,"name":"cicd"},{"id":4,"name":"cli"},{"id":64,"name":"cloud-native"},{"id":48,"name":"cms"},{"id":61,"name":"compiler"},{"id":68,"name":"containerization"},{"id":92,"name":"crm"},{"id":34,"name":"data"},{"id":47,"name":"database"},{"id":8,"name":"declarative-gui "},{"id":9,"name":"deploy-tool"},{"id":53,"name":"desktop-app"},{"id":6,"name":"dev-exp-lib"},{"id":59,"name":"dev-tool"},{"id":13,"name":"ecommerce"},{"id":26,"name":"editor"},{"id":66,"name":"emulator"},{"id":62,"name":"filesystem"},{"id":80,"name":"finance"},{"id":15,"name":"firmware"},{"id":73,"name":"for-fun"},{"id":2,"name":"framework"},{"id":11,"name":"frontend"},{"id":22,"name":"game"},{"id":81,"name":"game-engine "},{"id":23,"name":"graphql"},{"id":84,"name":"gui"},{"id":91,"name":"http"},{"id":5,"name":"http-client"},{"id":51,"name":"iac"},{"id":30,"name":"ide"},{"id":78,"name":"iot"},{"id":40,"name":"json"},{"id":83,"name":"julian"},{"id":38,"name":"k8s"},{"id":31,"name":"language"},{"id":10,"name":"learning-resource"},{"id":33,"name":"lib"},{"id":41,"name":"linter"},{"id":28,"name":"lms"},{"id":16,"name":"logging"},{"id":76,"name":"low-code"},{"id":90,"name":"message-queue"},{"id":42,"name":"mobile-app"},{"id":18,"name":"monitoring"},{"id":36,"name":"networking"},{"id":7,"name":"node-version"},{"id":55,"name":"nosql"},{"id":57,"name":"observability"},{"id":46,"name":"orm"},{"id":52,"name":"os"},{"id":14,"name":"parser"},{"id":74,"name":"react"},{"id":82,"name":"real-time"},{"id":56,"name":"robot"},{"id":65,"name":"runtime"},{"id":32,"name":"sdk"},{"id":71,"name":"search"},{"id":63,"name":"secrets"},{"id":25,"name":"security"},{"id":85,"name":"server"},{"id":86,"name":"serverless"},{"id":70,"name":"storage"},{"id":75,"name":"system-design"},{"id":79,"name":"terminal"},{"id":29,"name":"testing"},{"id":12,"name":"ui"},{"id":50,"name":"ux"},{"id":88,"name":"video"},{"id":20,"name":"web-app"},{"id":35,"name":"web-server"},{"id":43,"name":"webassembly"},{"id":69,"name":"workflow"},{"id":87,"name":"yaml"}]" returns me the "expected json"