JSFiddle - React, Tailwind, and code Playground

HTML

<span class="controls"><a href="function" title="Delete" onclick="if (event.which==2) return true;if (confirm('Are you sure you want to delete this?')) document.location='location';return false;">[D]</a>
<a href="function" title="Delete all posts by IP" onclick="if (event.which==2) return true;if (confirm('Are you sure you want to delete all posts by this IP address?')) document.location='location';return false;">[D+]</a>
<a href="function" title="Ban">[B]</a>
<a href="function" title="Ban & Delete">[D&B]</a>
<a href="function" title="Delete file" onclick="if (event.which==2) return true;if (confirm('Are you sure you want to delete this file?')) document.location='location';return false;">[F]</a>

JavaScript

[].slice.call(document.querySelectorAll('.controls a')).forEach(function(b) {
  b.innerHTML = b.title;
});