HTML：h1タグの文字を自動的にaタグに反映させたい

Question

超初心者です。

【現状】

<h1>あいうえお</h1>

現在、このh1の「あいうえお」の文字を手動でコピーして、以下のようにaタグに手動で貼り付けて表示しています。（文字はたまに手動で書き換えます）

<a target= href="https://×××">〇〇〇　あいうえお　△△△</a>

【やりたいこと】

h1の「あいうえお」を変更すると、手動ではなく**自動的にaタグの「あいうえお」も変更（表示）**される方法はありますでしょうか？
変数か何かの指定が必要なのでしょうか？

ネットで検索しても、探し方が悪いのかなかなかよい情報を得ることができませんでした。

ヒントだけでもお教え頂ければ助かります。

お詳しい方、ご指導よろしくお願いいたします。

Comments

[Lhankor_Mhy]

質問タグにあるHTMLの範囲では、ないと思います。

[surface_0]

テキストエディタ上でHTMLを編集する際の話でしょうか？

[python_2019]

ご連絡ありがとうございます。

テキストエディタでh1タグの文字を変更しています。
その時に、a1タグに手動でコピペしています。

ページが多いので、h1タグの文字だけ変更すれば、あとは自動でa1タグに反映できないかと思っています。

よろしくお願いいたします。

[m.ts10806]

ないです。
いずれも単なる文字列です。

[K_3578]

いずれにしてもHTMLだけでこんな事は出来ませんね

Answer 1

<h1> と <a> が同じページ内にあるのなら、そのページにJavaScriptコードを足して実現することができます。

異なるページにあるのなら、

• 何らかのプログラムを書いてユーザがページを見る前にHTMLソースを生成するか、
• HTMLソースとは別に見出しデータのようなものを置いて、JavaScriptで実行時に見出しデータを読んで文字列をはめ込む

のようなアプローチが必要です。

Comments

[python_2019]

ご回答ありがとうございます。

h1とa1は同じページにあります。

JavaScriptコードを足すと実現可能とのご指導ありがとうございます。
もし、具体的にどのように記述すればよいのかご示唆頂ければ助かります。

勉強不足で申し訳ございません。
よろしくお願いいたします。

[int32_t]

> もし、具体的にどのように記述すればよいのかご示唆頂ければ

お断りします。JavaScriptの勉強をしましょう。