Q&A
早とちりで回答失礼しました。
index.jsが読み込まれていることを確認お願いします。
そうするには、
function test() {
の上行に、
alert('読み込まれてるよ');
などと追加すれば確認できるかと。
よろしくお願いします。
現在お名前.comサーバーをレンタルさせてもらっていて、
htmlでホームページを制作しています。
ページ閲覧としてはhtml,cssは動作しているにもかかわらず、jsはなぜか読み込めていません。
html
1<!DOCTYPE html> 2<html> 3<head> 4<meta charset="utf-8" /> 5<meta name="viewport" content="width=device-width, 6 initial-scale=1.0, user-scalable=yes"> 7<link rel="stylesheet" href="index.css"> 8</head> 9<body> 10<button onclick="test()"></button> 11<script type="text/javascript" src="index.js"></script> 12</body> 13</html>
javascript
1function test(){ 2window.alert('機能してるよ'); 3}
コード自体に問題はないと思うのですが、何故か機能しません。
お名前.comの方にも問い合わせさせてもらったのですが、返信をまだもらってないのでこちらに投稿させて貰いました。初歩的な問題で申し訳ないですが、お知恵をお借りできれば幸いです。よろしくお願いいたします。
また、ボタンに何も文字列をつけていないので、
押せてないとかではないでしょうか？
CSSで、buttonにスタイルをつけて、文字列がなくても大きさがあり、
押せると言う状態なのであれば、
CSSも質問本文に記載してください。
エラーは出ていませんか？デベロッパーツールで確認してみてください。https://eng-entrance.com/javascript-display-error
>お名前.comの方にも問い合わせさせてもらったのですが
自身が設置したコードなので自己責任かと。「サポート外」と言われるのがオチでは。
いずれにしても、jsファイルが読み込めていないか、コードが実行されていないかくらいはデバッグしましょう。ローカルでもできます。
回答ありがとうございます。説明不足で申し訳ないです。
<button onclick="test()"><button>はalertで確認できる物として記載しています。
実際には使っていません。
デベロッパーの確認でUncaught SyntaxError: missing ) after argument listと出ていました。
コードの書き方を見直してみます。ご教授ありがとうございます。
現象再現できるコードを記載して下さい。
でないと正答は出せません。
下記、申し訳ないですが意味が分からないです。
> <button onclick="test()"><button>はalertで確認できる物として記載しています。
実際には使っていません。
回答1件
0
ベストアンサー
まず、onclickは、クリックした時に動作するものです。
よって、buttonがクリックできる物でない限り、クリックできないので、
JavaScriptの起動もできません。
なので、buttonにテキストを入れれば、大きさができますので、
クリック可能になるかと思います。
html
1<button onclick="test()">ボタン</button>
また、buttonにCSSを当て、文字列がなくても押せる状態にしているのならば、
CSSの記載をいただかないと、これ以上の回答はできません。
また、質問修正依頼のコメントの通り、JS自体が読み込みがされているかどうかの確認も併せて行ってください。
下記は元回答
実行してないからでは？
javascript
1function test(){ 2 window.alert('機能してるよ'); 3} 4 5test();
投稿2020/07/16 09:14
編集2020/07/16 09:32総合スコア9555
<button onclick="test()"></button>
が動かないって言いたいんじゃないでしょうか
おっと・・・。
失礼しました。
これは質問修正依頼必要そうだ・・・。
皆さんに誤解を招く質問内容で申し訳ありませんでした。
解決内容としましてはjsファイルの最初のコードに問題があったみたいです。
コードとしては、 document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {~~~}
で駄目だったんだと思います。{~~~}はalertでも駄目だったので現在はfunction onDeviceReady()は使っていません。皆さんを誤解に招いた、<button>の件ですがもしjsファイルと繋がってたらボタンを押した時「alertでるよね」という話でしたが、私の記載ミス「buttonに文字などの指定なし」でそもそもの質問の意図とずれました。親切に回答してくださってありがとうございます。
はい。
次からは、質問文だけでも現象が再現される、
問題の部分が明確になるようなコードの記載にしましょう。
解決はされたのですか？
そうですね。ご指摘ありがとうございます。
問題解決できました。ありがとうございました。
あなたの回答
tips
プレビュー
