JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<body>
<script>
function teamNameGenerator() {
  var firstName = ["Computational", "Ads", "Search", "Mobile", "Cloud", "Dev", "Platform", "Product", "Data" , "Client",  "Payments", "Core", "Automation", "Release", "UI"];
  var lastName = ["Deployments", "Infra", "Dev", "Platform", "Architecture", "Data" ,"Processing", "Payments", "Ops", "Solutions", "Core", "Engineering", "Automation"];
  var item1 = firstName[Math.floor(Math.random()*firstName.length)];
  var item2 = lastName[Math.floor(Math.random()*lastName.length)];
  while (item2 === item1) {
    item2 = lastName[Math.floor(Math.random()*lastName.length)];
  }
  return item1 + " " + item2 + " Team";
}
function update() {
    document.getElementById("teamname").innerHTML = teamNameGenerator();
}    
</script>
<h1>Team Name Generator</h3>
<button type="button" onclick="update()">Generate</button>
<h3 id="teamname"></h3>



</body>
</html>

JavaScript

update()