質問: "sale.html";ではだめでした。
回答: まずは、目的の結果をイメージしておきましょう。 今回は、画像を表示させるimgタグを、リンクを行うaタグで囲む状態が目的の結果になります。 ``` ``` 最初に、JavaScriptで2つのタグを扱いやすくするために、idを付けます。 ``` ``` 準備が整いました。HTMLを目的の結果になるようにJavaScripを書いていきましょう。 最初に、2つのタグをidを利用して指定します。 ``` ``` 画像の指定やリンクの指定など、属性が扱えるようになりました。 それぞれのタグに、画像、リンク先を設定します。 ``` // imgタグをJavaScriptの形で指定する var kuji = document.getElementById("kuji"); // aタグをJavaScriptの形で指定する var linkkuji = document.getElementById("link-kuji"); // 画像の場所をタグの要素に設定する kuji.src = "button.gif"; // リンク先をタグの要素に設定する linkkuji.href = "./sale.html"; ``` imgタグのsrc要素「kuji.src」にbutton.gifを、aタグのhref要素「linkkuji.href」に./sale.htmlを設定しました。 これで、JavaScriptを使って目的の結果を表示する事ができます。 全体では、このようになります。 ``` ``` 実際にブラウザで表示させると、このような結果になります。 ``` ```