如何在定性中随机分配元素位置？

Question

我想将Qualtrics调查的下一个按钮放在三个位置（水平对齐：左，中，右）。同一位参与者的位置必须恒定（例如，参与者1总是在左侧），但参与者之间的位置应该是随机的（例如右边的参与者2，依此类推）。

我对单个问题使用了以下JS代码（因为我只能为每个问题添加JS，但不能为整个调查添加JS，但是如果我将其应用于所有单个问题，则下一个按钮将在同一位置的不同位置出现参与者：

var Button = document.getElementById("NextButton");

var ButtonContainer = Button.parentNode; 

if(Math.random() < 0.333){
    ButtonContainer.style.textAlign = "left"
}else {
    if (Math.random() < 0.5) {
        ButtonContainer.style.textAlign = "center"
    } else {
        ButtonContainer.style.textAlign = "right"
    }
}

显然，为整个调查添加自定义代码的唯一方法是通过CSS（在外观设置中），我知道我无法在CSS中实现if / else函数，因此我不知道该怎么做。

任何提示将不胜感激！预先感谢！

Answer 1

您可以将JS放置在脚本标记内的调查标题或页脚中，从而在调查的每个页面上运行JS。但是，使用脚本会导致按钮在不同页面上的不同位置放置（对于每个页面都是随机的）。

相反，使用调查流随机化器将嵌入式数据变量设置为“左”，“右”或“中心”。我还没有完成，但是您可以尝试将嵌入变量通过管道传递到自定义CSS中以放置按钮。您无法将嵌入的数据变量通过管道传递到页眉/页脚JS中，以放置按钮。