在 Shopify 网页中创建一个简单的尺寸转换脚本

Question

我的任务是创建一个简单的鞋码转换程序 script/app，将男鞋尺码转换为女鞋尺码，反之亦然。显然逻辑很简单，男装减1.5，女装男加1.5。我可以用 HTML 和 js 脚本来做到这一点吗？我希望它只在网站上的一个地方有一个前端。谁能给我一些关于如何去做的提示？我是前端开发的新手，在 python 有中级经验，在 js/html

是初学者

Answer 1

我真的不想回答这个问题，因为你刚刚让我们为你编写代码。

所以我会用发生了什么来回答它。所以下次你可以做你自己的工作，因为这是有史以来最基本的狗屎。

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

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

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

<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>

在 Shopify 网页中创建一个简单的尺寸转换脚本

Creating a simple size conversion script within a Shopify web page

html

javascript

shopify-app