Создание кнопки магазина для добавления / удаления суммы и отображения суммы (очень просто)

Question

Ищу помощь в создании кнопок сложения и вычитания в форме, чтобы добавить и удалить количество линии запаса.

Аналогично:

Я новичок в html и очень плохо знаком с javascript.

function minus(){
	var bCount = parseInt(document.calculateCart.count.value);
	var count = bCount--;
	document.calculateCart.count.value = count;
  }
function minus(){
	var bCount = parseInt(document.calculateCart.count.value);
	var count = bCount++;
	document.calculateCart.bCount.value = count;
}

<div class="productForm">
  <form name="calculateCart" action="#">
	  <div class="+-Buttons">
		  Quantity <br>
		<input type="button" value="-" onClick="minus()">
		<input type="int" name="count" value=0>
		<input type="button" value="+" onClick="add()">
	  </div>
	</form>
</div>

Answer 1

Если вы хотите изменить свой номер, используя кнопки и ввод текста, вы можете изменить свой код на:

<div class="productForm">
    <form name="calculateCart" action="https://titan.csit.rmit.edu.au/~e54061/wp/processing.php">
        <div class="+-Buttons">
            Quantity <br>
            <input type="button" value="-" onClick="minus()">
            <input type="number" name="count" value=0>
            <input type="button" value="+" onClick="add()">
        </div>
    </form>
</div>
<script>
    function minus(){
        document.calculateCart.count.value = --document.calculateCart.count.value;
    }

    function add(){
        document.calculateCart.count.value = ++document.calculateCart.count.value;
    }
</script>

В HTML нет типа ввода - int, вам нужноиспользуйте число или текст.

Если вы хотите изменить значение только с помощью кнопок, вы можете сделать это следующим образом:

<div class="productForm">
    <form name="calculateCart" action="https://titan.csit.rmit.edu.au/~e54061/wp/processing.php">
        <div class="+-Buttons">
            Quantity <br>
            <input type="button" value="-" onClick="minus()">
            <span id="your-number">0</span>
            <input type="button" value="+" onClick="add()">
        </div>
    </form>
</div>
<script>
    var a = 0;

    function minus(){
        a -= 1;
        document.getElementById('your-number').innerHTML = a;
    }

    function add(){
        a += 1;
        document.getElementById('your-number').innerHTML = a;
    }
</script>

Answer 2

1. у вас есть две функции minus, одна из которых должна быть add

2. , если вы хотите использовать attributre name для выбора, вам нужно использовать что-то похожее на:

   document.getElementsByName ("count") [0] .tagName

Answer 3

• в вашем коде есть опечатка: ваша функция для добавления valus называется minus (). Итак, у вас есть две функции с одинаковым именем
• Я полагаю, вы неверно понимаете значение счетчика. Вы должны назначить идентификатор для ввода и использовать getElementById

рабочий код:

function minus(){
        var bCount = document.getElementById('count').value;
        bCount--;
        document.getElementById('count').value = bCount;
   document.getElementById('count');
      }
    function add(){
        var bCount = document.getElementById('count').value;
        bCount++;
        document.getElementById('count').value = bCount;
   document.getElementById('count');
    }

<div class="productForm">
  <form name="calculateCart" action="https://titan.csit.rmit.edu.au/~e54061/wp/processing.php">
      <div class="+-Buttons">
          Quantity <br>
        <input type="button" value="-" onClick="minus()">
        <input type="int" name="count" id="count" value=0>
        <input type="button" value="+" onClick="add()">
      </div>
    </form>
</div>

Answer 4

Вам нужно использовать document.getElementById, чтобы получить старое значение текстового поля.

Пожалуйста, проверьте ниже код:

function minus(){
	var oldVal = parseInt(document.getElementById("myVal").value);	
	oldVal--;
	document.getElementById("myVal").value = oldVal;

  }
function add(){
	var oldVal = parseInt(document.getElementById("myVal").value);	
	oldVal++;
	document.getElementById("myVal").value = oldVal;
}

<div class="productForm">
  <form name="calculateCart" action="https://titan.csit.rmit.edu.au/~e54061/wp/processing.php">
	  <div class="+-Buttons">
		  Quantity <br>
		<input type="button" value="-" onClick="minus()">
		<input type="text" id="myVal" name="count" value="0">
		<input type="button" value="+" onClick="add()">
	  </div>
	</form>
</div>

Answer 5

Ваши обе функции называются «минус».Один из них (второй) должен быть добавлен.