※ ChatGPTを利用し、要約された質問です(原文:画像を表示させるfunctionを作りたい)
Javascript初心者のための画像表示用関数の使い方と解決策
このQ&Aのポイント
画像を表示させるためのJavascriptの関数を作成します。また、関数の使い方や解決策についても説明します。
具体的な手順としては、外部のJavaScriptファイルに関数を定義し、headタグ内でそのファイルを参照します。そして、bodyタグ内で関数を呼び出して画像を表示させます。
関数の使い方については、関数名に引数を指定して呼び出す形式です。関数内では、引数の値に応じて画像の表示方法を切り替えます。表示されない場合は、body内での処理が間違っている可能性がありますので、再度確認してみてください。
回覧ありがとうございます。
画像を表示させるタグをfunctionに登録して
その関数を使うと画像が表示されるようにしたいのですが
Javascriptの知識が乏しいのでこのように質問させていただく形になりました
今行ってる手順はこちらです
(1)外部jsファイルにfunctionを書く(※間違えてると思います)
function imgout(url,imgurl,imgname){
var imgtag;
if(url==0){
imgtag=document.write(""<img scr="+imgurl+" alt="+imgname+" />"");
}
else{
imgtag=document.write(""<a herf="+url"><img scr="+imgurl+" alt="+imgname+" /></a>"");
}
return(imgtag);
}
(2)head内で外部jsを参照する
(3)body内で表示させたい場所に関数を書く
imgout(URL(いらない場合は0),画像URL,画像名);
(4)表示されない(←いまここ)
body内での処理が間違えていると思うのですがどうやって関数を使うのかもよくわからない状態です
・body内での関数の使い方
・解決策
・こうやってうやったほうが綺麗だよ…等(書かなくても結構です)
以上二~三項目を質問とさせていただきます
なお、お手数ですがJavascript初心者と考慮した回答をよろしくお願い致します。
お礼
回答ありがとうございました。 hrefなんかよく間違えるから気をつけたいものです。 構文エラーを治したのですがそれでも動きません… 外部Js function imgout(url,imgurl,imgname){ var imgtag; if(url==0){ imgtag="<img src="+imgurl+" alt="+imgname+" />"; } else{ imgtag="<a href="+url+"><img src="+imgurl+" alt="+imgname+" /></a>"; } return(imgtag); } HTML <head> <script type="text/javascript" src="script.js"></script> <script type="text/javascript"> <!-- var img=imgout(0,img/header.jpg,ヘッダー); // --> </script> </head> <body> <script type="text/javascript"> <!-- document.write("<h1>"+img+"</h1>"); // --> </script> </body> といった書き方をしているのですが、どうやら変数に値が入ってないらしく 【 undefined 】と表示されます… それと関数を使いたいときは今のように<script type="text/javascript">~と打ち その中で今のように処理を書かなければならないのでしょうか? ご都合がいいときにでも回答をお待ちしてます。
補足
事故解決致しました ご教授ありがとうございました。