Показать текст функции по клику

Question

Я экспериментирую с Lightspeed / Twig / Rain, и поэтому мне действительно нужна помощь с чем-то, что я пытаюсь сделать.

Таким образом, на странице есть несколько полей со значениями product_configure_custom_2459429 и product_configure_custom_2459282. Люди могут заполнить число в этих полях, и я хочу иметь кнопку, по которой они нажимают, чтобы увидеть, является ли общее число 18 или нет.

Итак, у меня есть это прямо сейчас:

<input style="width: 600px;" type="button" onclick="{% if 'product_configure_custom_2459282' + 'product_configure_custom_2459429' == '18' %}
          {{ 'Je hebt 18 stuks' | t }}
          {% else %}
          {{ 'Zorg dat je 18 stuks hebt' | t }}
          {% endif %}"></input>

Это делает то, что нужно, но теперь я хочу, чтобы результат функции onclick был виден как текст на кнопке. Поэтому в основном я хочу, чтобы люди нажимали на кнопку, а затем они видели на кнопке "Je hebt 18 stuks" (= они выбрали 18 штук) или "Zorg dat je 18 stuks hebt". При каждом нажатии эта функция должна перезагружаться, поэтому я попробовал функцию Onclick.

Но прямо сейчас кнопка пуста показана. Когда я проверяю его, я вижу, что функция onclick работает и загружается правильно, но я не могу сделать так, чтобы результат этой функции отображался в виде текста на кнопке.

Поэтому я очень надеюсь, что кто-то там сможет мне помочь. Я был бы очень благодарен!

Здесь вы видите это в действии: http://testshop-generationshop.webshopapp.com/bslect.html

Answer 1

Попробуй это:

onclick="this.value = +document.getElementById('product_configure_custom_2459429').value + +document.getElementById('product_configure_custom_2459282').value == 18 ? 'Je hebt 18 stuks' : 'Zorg dat je 18 stuks hebt'"