Javascriptが動かない
前提・実現したいこと
javascriptでリアルタイムの計算がしたい
発生している問題・エラーメッセージ
chromeを使っているのでコンソールなどで原因を調べたら Failed to load resource: the server responded with a status of 404 (Not Found)
と表示されていましたが原因がわからないです。
該当のソースコード
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:import url="../layout/app.jsp">
<c:param name="content">
<h2><c:out value="${sessionScope.orderer.company_name }" />の単価</h2>
<c:if test="${errorsMap != null}">
<div>
<c:forEach items="${errorsMap}" var="errorsMap">
・<c:out value="${errorsMap.key + 1}" />行目の
<c:forEach items="${errorsMap.value}" var="errors">
<c:out value="${errors}" />
</c:forEach>
</c:forEach>
</div>
</c:if>
<c:if test="${errors != null }">
<div>
・<c:out value="${errors}" />
</div>
</c:if>
<form method="POST" action="<c:url value='/wholesales/new' />">
<table>
<tbody>
<tr>
<th>品番</th>
<th>定価</th>
<th>掛け率</th>
<th>単位</th>
<th>単価</th>
</tr>
<c:forEach var="i" begin="0" end="9">
<tr>
<td><input type="text" name="product_number"
value="<c:out value='${numberList[i] }' />"></td>
<td><input id="input01" type="text" name="normal_price"
value="<c:out value='${priceList[i] }' />" /></td>
<td><input id="input02" type="text" name="ratio"
value="<c:out value='${ratioList[i] }' />"></td>
<td><input type="text" name="unit"
value="<c:out value='${unitList[i] }' />"></td>
<td><input id="answer" type="text" name="total" value=""></td>
</tr>
</c:forEach>
</tbody>
</table>
<input type="hidden" name="_token" value="${_token }" />
<button type="submit">登録</button>
</form>
<script type="text/javascript">
window.onload = function() {
var input01 = document.getElementById("input01"); // DOM要素を用意しておく
var input02 = document.getElementById("input02"); // DOM要素を用意しておく
var answer = document.getElementById("answer"); // DOM要素を用意しておく
input01.value = ""; // 初期化
input02.value = ""; // 初期化
answer.value = ""; // 初期化
input02.onkeyup = function() { // キー入力が終わった瞬間に実行される関数の宣言
answer.innerHTML = parseInt(input01.value, 10) * parseInt(input02.value, 10); // 実際の計算
};
}
</script>
</c:param>
</c:import>
0
