JAVAScriptﾌｧｲﾙからHPのﾘﾝｸを指定する index.htmlにJAVAScriptﾌｧｲﾙを挿入しJAVAScriptﾌｧｲﾙで画像を貼り付けています｡document.kuji.src = "button.gif"; …

元のｺｰﾄﾞを見ないと何ともという感じですが､画像は IMG ﾀｸﾞ､ﾘﾝｸは A ﾀｸﾞです｡
ｸﾘｯｸすると sale.html に飛ぶ画像 button.gif の HTML はこんな感じになります｡

<a href="sale.html">
 <img src="button.gif">
</a>

飛び先や画像を javascript で変えたいということであれば､こんな感じになります｡

HTML

<a>
 <img id="kuji"> <!-- 目印に ID 属性をつけておく -->
</a>

javascript

 var img = document.getElementById("kuji"); // ID で IMG を取る
 img.src = "button.gif"; // 画像の URL を設定
 img.parentNode.href = "sale.html"; // ﾘﾝｸ先の URL を設定
 /*
 ↑img.parentNode は､IMG を囲っている要素(親要素)を指す
 */

まずは､目的の結果をｲﾒｰｼﾞしておきましょう｡
今回は､画像を表示させるimgﾀｸﾞを､ﾘﾝｸを行うaﾀｸﾞで囲む状態が目的の結果になります｡

<body>
<a href="./sale.html">
<img src="button.gif">
</a>
</body>

最初に､JavaScriptで2つのﾀｸﾞを扱いやすくするために､idを付けます｡

<a href="" id="link-kuji">
<img src="" id="kuji">
</a>

準備が整いました｡HTMLを目的の結果になるようにJavaScripを書いていきましょう｡
最初に､2つのﾀｸﾞをidを利用して指定します｡

<a href="" id="link-kuji">
<img src="" id="kuji">
</a>
<script>
// imgﾀｸﾞをJavaScriptの形で指定する
var kuji = document.getElementById("kuji");

// aﾀｸﾞをJavaScriptの形で指定する
var linkkuji = document.getElementById("link-kuji");
</script>

画像の指定やﾘﾝｸの指定など､属性が扱えるようになりました｡

それぞれのﾀｸﾞに､画像､ﾘﾝｸ先を設定します｡

// 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を使って目的の結果を表示する事ができます｡

全体では､このようになります｡

<body>
<a href="" id="link-kuji">
<img src="" id="kuji">
</a>
<script>
// imgﾀｸﾞをJavaScriptの形で指定する
var kuji = document.getElementById("kuji");

// aﾀｸﾞをJavaScriptの形で指定する
var linkkuji = document.getElementById("link-kuji");

// 画像の場所をﾀｸﾞの要素に設定する
kuji.src = "button.gif";

// ﾘﾝｸ先をﾀｸﾞの要素に設定する
linkkuji.href = "./sale.html";
</script>
</body>

実際にﾌﾞﾗｳｻﾞで表示させると､このような結果になります｡

<body>
<a href="./sale.html" id="link-kuji">
<img src="button.gif" id="kuji">
</a>
<script>
// imgﾀｸﾞをJavaScriptの形で指定する
var kuji = document.getElementById("kuji");

// aﾀｸﾞをJavaScriptの形で指定する
var linkkuji = document.getElementById("link-kuji");

// 画像の場所をﾀｸﾞの要素に設定する
kuji.src = "button.gif";

// ﾘﾝｸ先をﾀｸﾞの要素に設定する
linkkuji.href = "./sale.html";
</script>
</body>

a-kuma3さんありがとうございます｡画像の貼り付けまでうまくできました｡
しかし張り付けた画像にﾘﾝｸを付けることができていません｡

以下の部分は｢親要素｣にﾘﾝｸを設定するということでしょうか？

img.parentNode.href = "sale.html"; // ﾘﾝｸ先の URL を設定
/*
↑img.parentNode は､IMG を囲っている要素(親要素)を指す
*/

そして｢ぽけっとしすてむ｣さんの回答もありがとうございます｡
やりたいことは通常は(特別価格ではない)ｱｲｺﾝを表示させ
ﾀｲﾐﾝｸﾞ(ある方程式)によって特別価格のｱｲｺﾝに変えsaleﾍﾟｰｼﾞにﾘﾝｸさせる､
ということです｡
これにこだわらず､ｽﾏｰﾄな連携がはかれる解決があればご教示いただければ幸いです｡