JSFiddle - React, Tailwind, and code Playground

HTML

<div id="tendina">Lingua: it</div>

<ul id="scelte">
<li onclick="sellingua('it')">it</li>
<li onclick="sellingua('en')">en</li>
</ul>

CSS

:root {
  font: 8pt Arial;
  }
    
#tendina {
  display: inline-block;
  width: 10em;
  height: 2em;
  background-color: yellow;
  }

JavaScript

window.onload = function() {
    document.getElementById('tendina').addEventListener('click', aprit());
    window.addEventListener('click', chiudit());
    
    }
    
function aprit() {
    document.getElementById('scelte').style.display = 'block';
    }
    
function chiudit() {
    document.getElementById('scelte').style.display = 'none';
    }
    
function sellingua(quale) {
    console.log('Lingua selezionata: ' + quale);
    }