aşağıdaki kodda nerede hata yapıyorum arkadaşlar? lütfen inceleyebilir misiniz? teşekkürler.

 

<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

<script>
    window.addEventListener('load', function() {


        var elements = document.querySelectorAll('li:contains(:)');

for (var i = 0; i < elements.length; i++) {
  var element = elements[i];
  var text = element.innerHTML;
  var replacedText = text.replace(/:([^\s]+)/g, '<span style="color: red;">:$1</span>');

  if (replacedText !== text) {
    element.innerHTML = replacedText;
  }
}

});
</script>

</head>
<body>

    


    <ul>
        <li>Kapasite : 1.000 kg</li>
        <li>Uzatıldığında Yük Kapasitesi : 1.000 kg</li>
        <li>Maks. Kullanıcı sayısı (iç/dış mekan) : 4</li>
        </ul>

    
</body>
</html>