# Javascript

## Javascript == Vanilla.js

Javascript bringt Interaktion in statische HTML-Seiten und reduziert den aufwändigen Transfer zwischen Benutzer, Browser und Server. Scripte ändern den Inhalt einer Webseite, nachdem sie in den Browser geladen wurde.

JavaScript ist eine leichtgewichtige, interpretierte Sprache. JavaScript wird auch in vielen Umgebungen außerhalb des Browsers wie zum Beispiel Node.js, Apache CouchDB und Adobe Acrobat eingesetzt.

## Einbinden von Javascript

    </footer>
        <script src="../js/vanilla.js"></script>
    </body>

## Einfache JavaScript - Befehle

## JavaScript Code Beispiel

    var greenbox = document.querySelector('.box');
        document.addEventListener('click', function (event) {

            if (event.target.matches('#ein')) {
                greenbox.removeAttribute('hidden');
                greenbox.classList.add('fadeInDown');
            }

            if (event.target.matches('#aus')) {
                greenbox.setAttribute('hidden', 'true');
                greenbox.classList.remove('fadeInDown');
            }

        }, false);