включение файла .js в шаблон ejs для управления DOM не работает - PullRequest
Новая
       6

включение файла .js в шаблон ejs для управления DOM не работает

0 голосов
/ 09 января 2019

Я хочу добавить прослушиватель событий в мои шаблоны ejs. В моем app.js я включил этот код: 

app.use(express.static(__dirname+"/public"));
app.use(bodyParser.urlencoded({extended: true}));
app.set("view engine", "ejs");

и у меня есть следующее в моем ejs temp 

<script type="text/javascrpit" src="/js/show.js"></script>

также мой show.js выглядит примерно так: 

a=document.querySelector(".name")
a.style.color="pink"

Моя структура документа такова: 

 app.js
 /public
  /js
    /show.js
  /css

включенный css работает нормально, но js не

Это мой шаблон ejs, и он отлично работает: 

<p class="name">Click this</p>
<script>
     a=document.querySelector(".name")
     a.style.color="pink"
</script>

1 Ответ

0 голосов
/ 11 января 2019

То, что вы делаете с вашим примером, - это применение цвета: розовый к абзацу сразу после загрузки страницы. Если вы хотите сделать прослушиватель событий для абзаца таким образом, чтобы при щелчке по нему он становился розовым, вы могли бы сделать что-то подобное. 

<p class="name" onclick="changeColor()">Click this</p>
<script>
   function changeColor(){
          var a = document.querySelector(".name")
          a.style.color="pink"
   }

</script>

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

...