Input.value = ''; não funciona

Front-end JavaScript
#1

Boa noite, no código abaixo, tudo está funcionando perfeitamente. Entretanto, a última linha, que teoricamente deveria limpar o input, não está funcionando. Alguém tem ideia do porque?

Obrigado

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Exercício 3</title>
</head>
<body>
<input type="text" name="nome">
<button onClick="adicionar()">Adicionar</button>
</body>
<script> 
    var nomes = ["Fulano", "Ciclano", "Beltrano"];
    var ulElement = document.createElement('ul');
    for(var nome of nomes){
        var liElement = document.createElement('li');
        var textElement = document.createTextNode(nome);
        liElement.appendChild(textElement);
        ulElement.appendChild(liElement);
    } 
    var bodyElement = document.querySelector('body');
    bodyElement.appendChild(ulElement);   


    function adicionar(){
        var inputElement = document.querySelector('input').value;
        textElement = document.createTextNode(inputElement);
        liElement = document.createElement('li')
        liElement.appendChild(textElement);
        ulElement.appendChild(liElement);  
        inputElement.value = ''; /*ESSA LINHA NÃO FUNCIONA!!!*/
    }
</script>
</html>
#2 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Exercício 3</title>
</head>
<body>
<input id='idAqui' type="text" name="nome">// adicionado um id
<button onClick="adicionar()">Adicionar</button>
</body>
<script> 
    var nomes = ["Fulano", "Ciclano", "Beltrano"];
    var ulElement = document.createElement('ul');
    for(var nome of nomes){
        var liElement = document.createElement('li');
        var textElement = document.createTextNode(nome);
        liElement.appendChild(textElement);
        ulElement.appendChild(liElement);
    } 
    var bodyElement = document.querySelector('body');
    bodyElement.appendChild(ulElement);   


    function adicionar(){
        var inputElement = document.querySelector('#idAqui');
        textElement = document.createTextNode(inputElement.value);//value aqui
        liElement = document.createElement('li')
        liElement.appendChild(textElement);
        ulElement.appendChild(liElement);  
       inputElement.value = ''; //Agora funciona, mas pra que?
    }
</script>
</html>