Мой код Javascript не выполняется моим браузером.Браузер просто выводит его так, как написано в моем текстовом редакторе. - PullRequest
Новая
       38

Мой код Javascript не выполняется моим браузером.Браузер просто выводит его так, как написано в моем текстовом редакторе.

0 голосов
/ 21 мая 2019

Мой браузер не выполняет мой код JavaScript.Я хочу иметь возможность предварительного просмотра моей работы в моем браузере, но браузер просто выводит код, как я написал его в текстовом редакторе.В настоящее время я изучаю JavaScript, и очень важно, чтобы я мог протестировать мой код.

Я пробовал использовать разные браузеры, включая Chrome, Firefox и Internet Explorer.Javascript включен на всех из них.Я также попытался изменить настройки в моем текстовом редакторе.В коде Visual Studio он, кажется, выполняется в «powershell», а когда я пытался открыть в chrome, он просто выводил код, как это было в текстовом редакторе.Я также пытался использовать Sublime text и Atom, но result is the same; my Javascript code fails to run but the HTML and CSS run perfectly.

Я ожидаю, что когда я "запускаю активный файл" или "просмотр в браузере" в Visual Studio Code и Atom соответственно, мой браузер выполнит мой Javascriptкод не возвращает код, как в текстовом редакторе.

введите код здесь 

    function calc() {
        var num1 = prompt("Enter a number");
        var num2 = prompt("Enter another number");
        var sum = Number(num1) + Number(num2);
        alert(sum)};
    calc();

enter code here


    </div>
<script type="text/js" src="script.js"></script>
</body>

Ответы [ 2 ]

0 голосов
/ 21 мая 2019

На скрипт необходимо ссылаться на html-странице. Итак, предположим, что ваш JS-файл записан внутри my-script.js, создайте новый html-файл my-page.html и сохраните его на том же уровне, что и js-файл. Содержимое my-page.html должно быть: 

<!doctype html>
<html>
  <head>
   </head>
   <body>

   <script src="my-script.js"></script>
   </body>
</html>
0 голосов
/ 21 мая 2019

По сути, если вы загружаете свой JavaScript из другого файла, лучше всего определить свою функцию, а затем вызвать ее в отдельном теге сценария (для тестирования).

Один из способов сделать это - 

<html>
  <head>
    
    <script language="javascript">
      /* 
        Replace this script block with
        <script language="javascript" src="myscript.js">
        inside your HTML file as i'm simply using this 
        block as an example of what your actual external 
        script would contain.
      */
      function calc() {
        var one = Number( prompt("Enter #1: ") );
        var two = Number( prompt("Enter #2: ") );
        alert( one + two )
      }
    </script>
  </head>
  <body>
    <script language="javascript">
        calc();
    </script>
  </body>
</html>

Убедитесь, что функция, на которую вы ссылаетесь, была загружена, прежде чем вызывать ее. Под этим я подразумеваю, что лучше всего всегда помещать свои теги <script src="" /> в <head> вашего HTML при изучении JavaScript.

Надеюсь, это поможет:)

...