Catch name of tag span

Question

I need to take the generated name inside the id="pegname" and put inside the id="name", I did the code below, but it didn’t work.

The tag of the span id="pegname" generates the name of the client, in the case of Fulano da Silva and then with the script would return only the first name.

<span data-customer="name" id="pegarnome" ></span>
<span id="nome"></span>

<script>

    var str = document.getElementById("pegarnome").innerHTML;
    var res = str.split(" ",1);
    document.getElementById("nome").innerHTML = res;

</script>

Answer 1

<script>    
    var str = document.getElementById("pegarnome").innerHTML;
    var arr = str.split(" ");
    var res = arr[0];
    document.getElementById("nome").innerHTML = res;
</script>

Split returns a String array, you can use it by passing to the element the first index of the array, which would be the first name.