Невозможно связать файл javascript в экспресс-мопсе

У меня есть index.pug с раскрывающимся списком, я хочу отображать окно предупреждения, когда пользователь выбирает любое значение в раскрывающемся списке. Мои index.pug и commandLine.js находятся в одном каталоге, но когда я выбираю любое значение из раскрывающегося списка, предупреждающее сообщение не отображается. Я использую функцию по изменению для вызова метода myFunction (). Я много чего перепробовал, но так и не понял, в чем проблема. Я не уверен, что script(src = "commandLine.js") - это правильный способ связать скрипт в файле .pug. Любая помощь будет оценена по достоинству.

index.pug

doctype html
html
  head
    script(src = "commandLine.js")
  body
    h1 Intelligent State Space Pruning
    br
    form
      div
        label Samplertype
        select#samplertype(onchange='myFunction()')
          option(value='', selected='', disabled='', hidden='') Samplertype
          option(value='Monte Carlo Simulation ') Monte Carlo Simulation 
          option(value='Latin Hypercube Sampling') Latin Hypercube Sampling
          option(value='Descriptive Sampling ') Descriptive Sampling 
          option(value='Halton Sampling ')  Halton Sampling

commandLine.js

 function myFunction()
    {        
      alert('hi');
    }

Ваш файл мопса правильный, и файл JS также в порядке. Скорее всего, у вас нет скомпилированного HTML и commandLine.js в одном каталоге (структура папок). Пожалуйста, проверьте путь и установите его правильно. Сообщите мне, поможет ли это.

Gibin Ealias 13.03.2018 07:35
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
1
99
2

Ответы 2

Вы вызываете функцию в назначении. Вы должны это назначить.

select#samplertype(onchange='myFunction')

использование script(type = "text/javascript" scr='javascripts/commandLine.js') решило проблему

Другие вопросы по теме