# JavaScript'i HTML ile Bütünleştirme
JavaScript kodları HTML ile **dahili** ve **harici** olarak bütünleştirilebilir.
Dahili olarak satır içinde (inline) yazılabilir. Örnek olarak.
{% code lineNumbers="true" %}
```html
JavaScript Dersleri
```
{% endcode %}
{% hint style="info" %}
' `alert()` ' fonksiyonu internet tarayıcımızın penceresinde bir uyarı kutusu göstermemizi sağlayan JavaScript fonksiyonudur.
{% endhint %}
Uzun kodlar yazmak için elverişli olmayan bu yöntemi genellikle fonksiyonlarımızı çalıştırmak için kullanırız.
JavaScript kodlarımızı dahili olarak doküman içerisinde '**``**' etiketi ile de yazabiliriz. Basit ve uzun olmayan kodlarımızı bu yöntemle bütünleştirmemiz önerilir. Örnek olarak.
{% code lineNumbers="true" %}
```html
gitbook.io
```
{% endcode %}
Bu örnekte HTML elementimize tıklanınca çalıştırmak istediğimiz fonksiyonu satır içinde yazdık. Bu örnekteki "**``**" etiketini dokümanın "**` `**" etiketleri arasında istediğimiz yerde yazabiliriz.
Genellikle kullanılan yöntem de harici olarak bütünleştirmektir. Uzun ve karmaşık işler için yazdığımız kodları bu yöntemle bütünleştirmemiz önerilir. Örnek olarak.
{% code lineNumbers="true" %}
```html
gitbook.io
```
{% endcode %}
Bu yöntemde **`script`** etiketinin "**`src`**" niteliğini kullanırsak, etiket içinde yazdığımız kodlar yürütülmez. Yani 'bir' **`script`** etiketiyle aynı anda hem harici hem de dahili bütünleştirme yapamazsınız. Farklı script etiketleriyle bunu yapabilirsiniz. Bir HTML dokümanında sadece bir tane script etiketi olmasıyla ilgili bir zorunluluk yoktur. Örnek olarak.
{% code lineNumbers="true" %}
```html
```
{% endcode %}
Bu yöntemlerden birinin bir HTML dokümanında kullanılması diğer yöntemi geçersiz kılmaz. HTML dokümanında bütünleştirmeler birlikte kullanılabilir.