Html + CSS + JS Tek Sayfada Birleştirme

11-06-2023, 13:54:33

Merhabalar...
Linkteki CSS ve js'yi tek html sayfasında birleştirmek istiyorum... CSS dosyasını eklemeyi becerdim fakat js'yi eklerken hata alıyorum... Yardımcı olabilicek var mı?
Teşekkürler
https://codepen.io/Larrybydesign/full/zYEBZob

11-06-2023, 13:58:22

#2

arifcan

kodları <script> </script> tagleri arasına eklemeyi denediniz mi?

11-06-2023, 13:59:31

#3

Misafir

Css dosyasını xx.css olarak kaydedin
Js dosyasını xx.js olarak kaydedin
Dosyaları ftpden publ8c html klasorune atin
Head içerisine link rel ... Şeklinde include edin

11-06-2023, 14:06:10

#4

arsdesign

arifcan adlı üyeden alıntı: mesajı görüntüle

kodları <script> </script> tagleri arasına eklemeyi denediniz mi?

Evet, denedim fakat olmadı maalesef

11-06-2023, 14:06:50

#5

profweb

Sanırım JS dosyası React tabanlı olduğundan direk ekleyemiyorsunuz.

11-06-2023, 14:06:59

#6

arsdesign

Misafir adlı üyeden alıntı: mesajı görüntüle

Css dosyasını xx.css olarak kaydedin
Js dosyasını xx.js olarak kaydedin
Dosyaları ftpden publ8c html klasorune atin
Head içerisine link rel ... Şeklinde include edin

Hocam FTP ile işim yok, tek HTML de toplamak derdim

11-06-2023, 14:07:39

#7

arsdesign

profweb adlı üyeden alıntı: mesajı görüntüle

Sanırım JS dosyası React tabanlı olduğundan direk ekleyemiyorsunuz.

Peki bunun çözmenin bir yolu yada yöntemi var mı acaba

11-06-2023, 14:42:18

#8

profweb

arsdesign adlı üyeden alıntı: mesajı görüntüle

Peki bunun çözmenin bir yolu yada yöntemi var mı acaba

Çözümü buldum, JS dosyasını eklerken type="module" ifadesini kullanmaniz gerekiyor.

<script type="module">  
  // JS icerigi
</script>

11-06-2023, 14:49:40

#9

arsdesign

profweb adlı üyeden alıntı: mesajı görüntüle

Çözümü buldum, JS dosyasını eklerken type="module" ifadesini kullanmaniz gerekiyor.

<script type="module">  
  // JS icerigi
</script>

çok teşekkür ederim, sorun çözüldü... ayırdığınız vakit için tekrardan çok çok teşekkür ediyorum