|
Сообщение от kostyanet
|
|
Ну например надо добавить сумму после каждого инпута по keyup.
|
Ну, епт, я думал, ты о чем то глобальном, о проектировании, а твоя параша добавлением пары строк делается.
<html>
<head>
<meta charset="utf-8">
<style>
.goods{display: block}
</style>
</head>
<span class="goods" price="10">введите количество товара<input><span class="out"></span><span>
<span class="goods" price="20">введите количество товара<input><span class="out"></span><span>
<span class="goods" price="30">введите количество товара<input><span class="out"></span><span>
<br>
<button id="b">посчитать</button>
<div id="out"></div>
<script>
goods=[].map.call(document.querySelectorAll(".goods"), function(x){return x})
prices=goods.map(function(x){return +x.getAttribute("price")})
count=function(arr1, arr2){
var arr=[]
for(var i=0; i<arr1.length; i++) arr.push(arr1[i]*arr2[i])
return arr.reduce(function(x, y){return x + y})
}
inputs=goods.map(function(x){return x.querySelector("input")})
outs=goods.map(function(x){return x.querySelector(".out")})
inputs.forEach(function(x, i){x.onkeyup=function(){outs[i].innerHTML=+this.value*prices[i]}})
b.onclick=function(){
var numbers=inputs.map(function(x){return +x.value})
out.innerHTML=count(numbers, prices)
}
</script>
</html>
Ты в следующий раз, когда че-нибудь критиковать начнешь, рожу попроще делай.