laravelを使った値の受け渡し方

Question

laravelを使ったwebについてです。
１と２の項目を足して３に表示させたいです。

データの受け渡し方がわかりません。
よろしくお願いいたします。
※そもそもlaravelを理解できてないところもあります。

index.blade.php

<div class="container">
    <input id="syojikin" name="syojikin" value="{{ isset($data['data']['syojikin'])?$data['syojikin']['']:'0' }}" >
    <input id="kyuuryou" name="kyuuryou" value="{{ isset($data['data']['kyuueyou'])?$data['kyuuryou']['']:'0' }}" >
    <input id="goukei" name="goukei" value="{{ isset($data['data']['goukei'])?$data['goukei']['']:'0' }}"  readonly>
</div>

index.add.js

let syojikin = document.getElementById('syojikin'); 
let kyuuryou = document.getElementById('kyuuryou'); 
let goukei = document.getElementById('goukei'); 

const price_calculation = () => {
	const syojikin = document.getElementById('syojikin').value;
	syojikin.value = syojikin;
	const kyuuryou = document.getElementById('kyuuryou').value;
	kyuuryou.value = kyuuryou;
	const goukei = document.getElementById('goukei').value;
	goukei.value = syojikin + kyuuryou;
}

Comments

[m.ts10806]

form介さないならLaravelである必要がないのでは？phpである必要もないですね。
Laravelのリクエスト、レスポンスであれば公式のマニュアルを読めばきちんと書いてありますがどこまで確認されてますか？

[Samples]

部分的に取り出していて、form送信を使っています。
追記します。

[m.ts10806]

マニュアル確認についてはどうでしょうか。適切に確認できていれば質問することにはならない内容です。
前提や背景、おおもとの目的は合ったほうが良いです。
(ちなみに学校や研修の課題であれば質問の仕方次第で非推奨となりますのでご注意を)

Answer 1

そもそも見てる箇所が違いました。
document.getElementByIdで持ってきて計算式つければできました。

ありがとうございます。

Answer 2

jsを挟む必要があるかわからないですけど、１をsyojikin、２をkyuuryouの項目とすると単純に足した値を３の項目に入れればいい気がしますがどうでしょうか

<input id="goukei" name="goukei" value="{{ (isset($data['data']['syojikin']) ? (int)$data['data']['syojikin'] : 0 ) + (isset($data['data']['kyuueyou']) ? (int)$data['data']['kyuueyou'] : 0) }}"  readonly>

Comments

[Samples]

ありがとうございます。

処理はコントローラーに書けとお達しがあり、分けました。
後ほど追記します。