Differ between 2 or more click events called from javascript code - javascript-events

Question

var option,
Switch (option)
{
case "A":
document.getElementById("cell").click();
break;
case "B":
document.getElementById("cell").click();
break;
default:
break;
},
clickEventHandlerForCell(event){
//When case A
alert("I am fired from case A");
// When case B
alert("I am fired from case B");
}
A button is clicked from Javascript code. How to send a value to the handler function to tell, from where it was called? I read that there is a method to tell the difference between the real click and fake click. But I couldn't find a question differing 2 fake links.'Pure'Javascript is preferable. Thanks.

Answer 1

What I thought you meant
The event object holds what was clicked. So you can handle the data that way.
function clicked(event) {
console.log(event.target);
console.log(event.target.getAttribute("data-item"));
}
document.getElementById("tab").addEventListener("click", clicked);
var tds = document.getElementsByTagName("td");
tds[0].click();
tds[1].click();
<table id="tab">
<tbody>
<tr>
<td data-item="1">1</td>
<td data-item="2">2</td>
</tr>
</tbody>
</table>
What you actually wanted
function clicked(event) {
console.log(event.target.getAttribute("data-action"));
event.target.removeAttribute("data-action");
}
document.getElementById("tab").addEventListener("click", clicked);
var tds = document.getElementsByTagName("td");
tds[0].setAttribute("data-action", "A");
tds[0].click();
tds[0].setAttribute("data-action", "B");
tds[0].click();
<table id="tab">
<tbody>
<tr>
<td>1</td>
</tr>
</tbody>
</table>