У меня возникла проблема с попыткой предоставить текстовые поля значение для ввода пользователем, но, похоже, оно не передает текст в текстовые поля, которые у него есть, но если я использую предупреждение. Итак, каково было бы решение этого?Как изменить текст внутри текстового поля (javascript)
JS:
var value1
var value2
var value3
var value4
function startProgram() {
value1 = document.getElementsByName('product-input')[0].value
value2 = document.getElementsByName('multiplier')[0].value
value3 = document.getElementsByName('price')[0].value
value4= value3 * value2
addThings();
}
function addThings() {
var a = document.getElementsByName('product1')[0].value
a.value = a.value + value1;
var b = document.getElementsByName('aantal1')[0].value
b.value = b.value + value2;
var c = document.getElementsByName('prijs1')[0].value
c.value = c.value + value3;
var d = document.getElementsByName('prijslijst1')[0].value
d.value = d.value + value4;
}
HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Boodschappenlijstje</title>
<link rel="stylesheet" type="text/css" href="css/mystyle.css" />
<script src="scripts/boodschappenlijst.js"></script>
</head>
<body>
<div id="wrapper">
<div id="up">
<form name="form1" onsubmit="startProgram()">
product:
aantal:
prijs p.st:
<br>
<input class="textbox" type="text" name="product-input" size="15">
<input class="textbox" type="text" name="multiplier" size="5">
<input class="textbox" type="text" name="price" size="5">
<input type="submit" name="add-to" value=" " class="submit1">
</form>
</div>
<div id="left">
product:
aantal:
prijs p.st:
<br>
<input class="textbox4"type="text" name="product1"> <input class="textbox3"type="text" name="aantal1"> <input class="textbox3"type="text" name="prijs1">
<br><br>
<input class="textbox4"type="text" name="product2"> <input class="textbox3"type="text" name="aantal2"> <input class="textbox3"type="text" name="prijs2">
<br><br>
<input class="textbox4"type="text" name="product3"> <input class="textbox3"type="text" name="aantal3"> <input class="textbox3"type="text" name="prijs3">
<br><br>
<input class="textbox4"type="text" name="product4"> <input class="textbox3"type="text" name="aantal4"> <input class="textbox3"type="text" name="prijs4">
<br><br>
<input class="textbox4"type="text" name="product5"> <input class="textbox3"type="text" name="aantal5"> <input class="textbox3"type="text" name="prijs5">
<br><br>
<input class="textbox4"type="text" name="product6"> <input class="textbox3"type="text" name="aantal6"> <input class="textbox3"type="text" name="prijs6">
<br><br>
<input class="textbox4"type="text" name="product7"> <input class="textbox3"type="text" name="aantal7"> <input class="textbox3"type="text" name="prijs7">
<br><br>
<input class="textbox4"type="text" name="product8"> <input class="textbox3"type="text" name="aantal8"> <input class="textbox3"type="text" name="prijs8">
<p>Totaal:
</div>
<div id="right">
<br>
<input class="textbox2"type="text" name="prijslijst1">
<br><br>
<input class="textbox2"type="text">
<br><br>
<input class="textbox2"type="text">
<br><br>
<input class="textbox2"type="text">
<br><br>
<input class="textbox2"type="text">
<br><br>
<input class="textbox2"type="text">
<br><br>
<input class="textbox2"type="text">
<br><br>
<input class="textbox2" type="text">
<br><br>
<input class="value" name="value" type="text">
</div>
<div id="down">
</div>
</div>
</body>
</html>
Используйте точку с запятой, вы будете благодарить меня позже в жизни. – epascarello