Взаимодействие кода, описанного в двух скриптах

Задание 2.

Создать html-страницу, у которой в теле документа имеются два разных скрипта (два элемента <script>).
В первом скрипте две инструкции: alert с сообщение «Скрипт 1» и определение функция f(), не имеющей аргументов. Тело функции состоит из одного оператора — вызова функции alert с сообщение «Вызов функции выполнен!». Во втором скрипте также два оператора — alert с сообщение «Скрипт 2» и вызов функции f().

Загрузить страницу в браузер. Объяснить поведение программы.
Поменять два скрипта местами и перезагрузить страницу. Объяснить поведение программы.
В условиях пункта 2 объединить два скрипта в один. Перезагрузить страницу. Объяснить поведение программы.

В итоге получится такой код:

<html>
 <head>
  <title>Задание 2</title>
 </head>
 <body>
  <div>
   <sсript>
    alert("Скрипт 1"); // Выводим сообщение в модальном окне
    function f(){ 
    alert("Вызов функции выполнен!");  
    }
   </sсript>
   <sсript>  
    alert("Скрипт 2"); 
    f(); // Вызов функции
   </sсript>
  </div>
 </body>
</html>

4 урок. Порядок выполнения операций