在 Shopify web 頁面中創建簡單的大小轉換腳本

Question

我的任務是為男士鞋碼和女士鞋碼創建一個簡單的鞋碼轉換腳本/應用程序，反之亦然。 顯然邏輯很簡單，從男式轉換為女式時，我會簡單地減去 1.5，從女式到男式時，我會添加 1.5。 我可以使用帶有 js 腳本的 HTML 執行此操作嗎？ 我希望它僅位於站點上的一個帶有前端的位置。 誰能給我一些關於如何 go 的提示？ 我是前端開發的新手，在 python 方面有中級經驗，在 js/html 方面有初學者

Answer 1

我真的很討厭回答這個問題，因為您剛剛要求我們為您編寫代碼。

所以相反，我會用正在發生的事情來回答它。 所以你下次可以做你自己的工作，因為這是最基本的狗屎。

如何在 html 中找到一個元素？ https://www.w3schools.com/js/js_htmldom_elements.asp

什么是事件監聽器 https://www.w3schools.com/js/js_htmldom_eventlistener.asp

什么是自調用 function https://www.w3schools.com/js/js_function_definition.asp#:~:text=A%20self%2Dinvoking%20expression%20is,self%2Dinvoke%

<script>
(function() {
    var mens = document.getElementById('mens');
    var womens = document.getElementById('womens');

    mens.addEventListener('change', function(event) {
      womens.value = event.target.value - 1.5;
    });
    womens.addEventListener('change', function(event) {
        mens.value = event.target.value + 1.5;
    });
})();
</script>