I’ve added a repeater to my page which includes 3 buttons:
Depending on the button clicked, certain actions (see below code snippet) should be triggered. Unfortunately, this only works in Preview mode and not in Chrome/Safari. Even my console logs are not written to the console. The only thing I see in Chrome/Safari is the pointer cursor when hovering the clickable elements, which means that both Chrome/Safari understand that the image is clickable - it’s just not doing anything when actually clicking… Thoughts?
$w.onReady(function () {
// Write your JavaScript here
$w("#cross").onClick((event, $w) => {
console.log("click!");
console.log(event);
console.log($w);
console.log(event.context.itemId);
console.log(event.target.id);
console.log(event.target.id)
let $item = $w.at(event.context)
console.log($w.at(event.context));
$item("#cross").hide();
$item("#no").show();
if($item("#neutral").isVisible){
$item("#neutral").hide();
$item("#line").show();
}
if($item("#yes").isVisible){
$item("#yes").hide();
$item("#check").show();
}
});
$w("#no").onClick((event, $w) => {
console.log("click!");
console.log(event);
console.log($w);
console.log(event.context.itemId);
console.log(event.target.id);
console.log(event.target.id)
let $item = $w.at(event.context)
console.log($w.at(event.context));
$item("#no").hide();
$item("#cross").show();
if($item("#line").isVisible){
$item("#neutral").show();
$item("#line").hide();
}
if($item("#yes").isVisible){
$item("#yes").hide();
$item("#check").show();
}
});
$w("#line").onClick((event, $w) => {
console.log("click!");
console.log(event);
console.log($w);
console.log(event.context.itemId);
console.log(event.target.id);
console.log(event.target.id)
let $item = $w.at(event.context)
console.log($w.at(event.context));
$item("#line").hide();
$item("#neutral").show();
if($item("#yes").isVisible){
$item("#yes").hide();
$item("#check").show();
}
if($item("#no").isVisible){
$item("#no").hide();
$item("#cross").show();
}
});
$w("#check").onClick((event, $w) => {
console.log("click!");
console.log(event);
console.log($w);
console.log(event.context.itemId);
console.log(event.target.id);
console.log(event.target.id)
let $item = $w.at(event.context)
console.log($w.at(event.context));
$item("#check").hide();
$item("#yes").show();
if($item("#neutral").isVisible){
$item("#neutral").hide();
$item("#line").show();
}
if($item("#no").isVisible){
$item("#no").hide();
$item("#cross").show();
}
});
$w("#yes").onClick((event, $w) => {
console.log("click!");
console.log(event);
console.log($w);
console.log(event.context.itemId);
console.log(event.target.id);
console.log(event.target.id)
let $item = $w.at(event.context)
console.log($w.at(event.context));
$item("#yes").hide();
$item("#check").show();
if($item("#line").isVisible){
$item("#neutral").show();
$item("#line").hide();
}
if($item("#no").isVisible){
$item("#no").hide();
$item("#cross").show();
}
});
});