Javascript Yardım

Merhabalar, input içerisinde tekrar eden kelimeleri tespit ettirmeye çalışıyorum konsolda aldığım hata şu ;

Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')

Kodlar şöyle ;

<script>varlist;document.getElementById('f_tag').addEventListener('keydown', () => {
vartx = String(document.getElementById('f_tag').value).toLocaleLowerCase().split(' ')list = [];tx.forEach(es=> {letiz = 0;tx.forEach(el=> {
if (es == el && el!='' && el!=' ') {if (iz==0) {iz++ }else{list.push(es) }
returnfalse; } }); });console.log(list)if (list.length==0) {document.getElementById('f_tag').style.color='green' }else{
document.getElementById('f_tag').style.color='red' } })</script>

<inputtype="text"name="f_title"class="form-control"id="f_title"required>

f_tag olarak tanımalamışsınız fakat html de f_title

Çok pardon dalgınlığıma gelmiş üstat, aynı kodun idlerini ftitlede de yazdım ikisinde de çalışmıyor.

Hocam mobilden birşey diyemiyorum f12 ile console.log açıp orada tektek kodları deneyin nerede hata verecek bi kontrol edin

Kodlar ı daha okunaklı hale getirdim bu attığım makaleye göre bulabilirsiniz hatayı
https://www.mehsatek.com/javascript-...ger-kullanimi/

varlist;
document.getElementById('f_tag').addEventListener('keydown', () => {

    vartx = String(document.getElementById('f_tag').value).toLocaleLowerCase().split(' ') list = [];
    tx.forEach(es => {
        letiz = 0;
        tx.forEach(el => {

            if (es == el && el != '' && el != ' ') {
                if (iz == 0) {
                    iz++
                } else {
                    list.push(es)
                }

                returnfalse;
            }
        });
    });
    console.log(list) if (list.length == 0) {
        document.getElementById('f_tag').style.color = 'green'
    } else {

        document.getElementById('f_tag').style.color = 'red'
    }
})

Makale pek yardımcı olmadı ama, JavaScript ile ilgilenen başka arkadaşların yorumlarını bekleyeyim.

Öğeyi bulamadığını söylüyor script body altında veyahut head içinde saklı olmalıdır.
Başka yolu ise sayfa yüklendiğinde ilgili komutları çalıştırmanız olacaktır.

document.onload = function(e){
// script içerisinde yazdığınız komutları yapıştırınız.
}

@TagOnset; merhaba. Sanırım dinamik olarak çalışan tuş yapısına çalışıyorsunuz. Aşağıdaki kodları bir deneyelim hocam 👍😊 :

https://codepen.io/umityildrim/pen/KKyqrML
Aynı kelimeleri dedğimiz liste içinde mi var hocam? 🤔 Liste bulamadım ama...
Aynı üründen çok girilince bir tanesini kalmasını istiyorsanız 'set' konusuna bir bakalım hocam. Javascript'te 'set' döngüsü var mıydı tam hatırlamıyorum ama onu bir aratslım. 🙂

üstat aradığım şeye benzer ama jsden anlamadığım için soruyorum, virgüller arasında girilen aynı kelimeleri tespit ettirebilir misin bu taslak içerisinde? eminim bir çok arkadaşın hayır duasını alırsın aradığım şey ama anlamadığım için uzmanına sormak en iyisi.