单击另一个元素时恢复上一个值

I have multiple elements each element is a tile, every element has text in it and when the user clicks on each tile it changes the text. I have one JavaScript function which handles this and it works but I would like to make it so that only one tile can have the changed text at a time. When the next element is clicked the previous should return to the default text. Below is my code. The text in the P tag is the default text.I have multiple elements each element is a tile