如何從用戶那里獲取顏色輸入並相應地更改 WIX 元素的顏色？

Question

這是我到目前為止一直在應用的代碼，但它不起作用。

$w.onReady(function () {

    const bigBox = $w('#box0');
    const firstCircle = $w('#box1');
    const secondCircle = $w('#box2');
    const thirdCircle = $w('#box3');
    const fourthCircle = $w('#box4');
    const fifthCircle = $w('#box5');
    

    
  const changeBoxBtn = $w('#changeBox');
  const colorInput = $w('#input2') ;

    changeBoxBtn.onClick(event => {
  bigBox.style.backgroundColor = 'colorInput';
  bigBox.style.borderColor = 'colorInput';
});

參考圖片查看 wix 編輯器視圖

Answer 1

我們在您的問題中遺漏了一些大局，但無論如何我都會盡力回答。

在您的onClick中，您將背景顏色設置為文字字符串。 那不是你想要的。 你可能想做更多這樣的事情：

bigBox.style.backgroundColor = $w('#colorInput').value;
bigBox.style.borderColor = $w('#colorInput').value;

當然，您依賴於人們輸入有效的顏色名稱。 您可能需要考慮使用下拉菜單或類似的東西，而不是開放式文本輸入。