问题描述
这是迄今为止我一直在应用的代码,但它不起作用。
$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';
});
Refer to the image to see the wix editor view
解决方法
我们在您的问题中遗漏了一些大局,但无论如何我都会尽力回答。
在您的 onClick
中,您将背景颜色设置为文字字符串。那不是你想要的。您可能更想做这样的事情:
bigBox.style.backgroundColor = $w('#colorInput').value;
bigBox.style.borderColor = $w('#colorInput').value;
当然,您依赖于人们输入有效的颜色名称。您可能需要考虑使用下拉菜单或类似的东西,而不是开放式文本输入。