wordpressのウィジェット内にjavascriptを記述して反映させたい。

Question

wordpressでブログを作成しています。（テーマはcocoon）
サイドバーのカスタムＨＴＭＬにHTMLとjavascriptを記述して、アナログ時計(ソースコードはドットインストールの完全コピペです）を表示させようとしましたが、領域だけ真っ白に表示されただけで肝心の時計が表示されません。
そもそも、カスタムＨＴＭＬにjavascriptを記述することはシステム上不可能なのでしょうか？

※カスタムＨＴＭＬのウィジェットでは、html記述内にscriptタグで囲ってjavascriptを記述しています。

※もし、javascriptを反映させることができる場合には、wordpressのウィジェット内に外部ファイルで作成したjavascriptを読み込む方法が有れば併せてご教示お願い申し上げます。

![イメージ説明](c5a1bfc558737dcdda7edbf71a65b72f.png)

![イメージ説明](013e88bc237e6b21edab4e35abdc1543.png)

![イメージ説明](9c0c00df925504d9e8cddb69c456f9d2.png)

Comments

[Takumiboo]

> 難しいプログラミング用語は分かりません
すぐには無理でも調べて分かるようにしてください。

時計のソースコードを提示するかURLを貼るかしないと分かりません。
が、本来の質問である「カスタムHTML内でJavaScriptを使う」ことと「外部ファイルで作成したJavaScriptを読み込む」ことはどちらも可能です。

[super_beginner1]

ご返答ありがとうございました。
ソースコードは長すぎたので割愛させていただきました。（コピペな為）
どちらも可能とのことで少し希望を持てました。更に調べてみたいと思います。

[Takumiboo]

だからそのソースが見られるURLを貼ってくださいと申し上げたのですが。

[super_beginner1]

失礼いたしました。
追記致しました。

[Takumiboo]

いやそれURLじゃなくてソースじゃないですか…。まずはURLを貼ってください。
そしてソースを貼るなら<code>ボタンを使ってマークアップしてください。

[super_beginner1]

度々申し訳ございません。
teratailの操作方法自体に慣れていないもので…。
サイトＵＲＬをアップ致しました。
お手数おかけいたします。

[Takumiboo]

私が貼ってほしいと言っていたURLはサイトのURLじゃなくて時計？とやらのソースが示されているページのことなのですが…

Answer 1

cocoonのtheme内、Javascript.jsに時計のコードを記述し、カスタムHTML内でスクリプトタグで絶対パスを読み込むだけで表示されました。