input要素に入れた数字を表示させるためには

Question

前提・実現したいこと

pythonで財務諸表を自動で分析できるようなシステムを作っています。

javascript(js)初心者です。jsでリロードしても入力した数字が消えないようにする機能を作りたいです。

発生している問題・エラーメッセージ

以下のように実装したのですが売上高の隣に表示させたいのですが表示されません。

該当のソースコード

index.html

<form id="form" action="/roughprofit" method="POST">
          <label for="">売上高<span id="span2"></span></label>
          <input id="number2" class="main" type="number" name="sales" placeholder="千万円">
          <label for="">売上総利益（粗利益）<span id="span3"></span></label>
          <input id="number3" class="main" type="number" name="roughprofit" placeholder="千万円">
          <input type="submit" value="計算"onclick="onclickBtn3()" />
          <ul>粗利益率(小数点第一位％表示)</ul>{{ result }}
          {{originaldata1}}
          {{originaldata2}}
        </form>

function clickBtn3() {
    const number2 = document.getElementById("number2");
    document.getElementById("span2").textContent = number2.value;
  }
  function clickBtn3() {
    const number3 = document.getElementById("number3");
    document.getElementById("span3").textContent = number3.value;
  }

試したこと

以下の記事を参考にしました。

https://itsakura.com/js-number

補足情報（FW/ツールのバージョンなど）

ファイルとディレクトリの配置

_pycache_
|-app.cpython-39.pyc
images
|-2.png
static
|-design.css
 |-js
  |-index.js
templates
|-howto.html
|-index.html
|-searched.html
|-table.html
|-Registar.html
|-login.html

app.py
search.db
クレスコ財務データ（自動保存済み）.csv

FW:flask
言語:Python3.9.7
pandasダウンロード済み

Answer 1

clickBtn3()関数が2つあるのが原因だと思います。JavaScript以前にプログラムの書き方の問題です

Comments

[jaogjig]

function clickBtn3() {
const number2 = document.getElementById("number2");
const number3 = document.getElementById("number3");
document.getElementById("span2").textContent = number2.value;
document.getElementById("span3").textContent = number3.value;
}
このように直してみましたが、動きません。どのような方向性で直していけばいいですか

[Supernove]

Flaskを使っているならJavaScriptを使わずにフォームを送信するときにリクエストを送信されるURL(多分/roughprofit)で処理を実行した後にテンプレートで値を表示するようにすればいいかと思います。(表示するHTMLがフォームである前提ですが）
Flaskのコードがどうなっているのかわからないのでなんとも言えませんがこれで伝わりますかね…？

[jaogjig]

そうですね。javascriptを使ってやりたかったのですがjavascriptでわざわざやらないで完成させた方がいいですね