Fetch the returned value via REST and insert into an input

Question

I’m searching, via Restful, the value of id of a user registered in an API. Now I have to enter this value in a input HTML. I’m trying this way:

I capture the value of the variable in a tag paragraph with class (value) and id (name)

and the value appears normally on the screen.

have the input where I want to enter this value which is;

<input class="campo" type="text" value="">

And there’s Javascript where I try to do this insertion which is;

let novoValor = document.querySelector(".valor").value; 
console.log(novoValor); 
let campo = document.querySelector(".campo");

campo.value = novoValor;

If I give a console.log(novoValor) appears in the browser console that:

<p data-brackets-id="1122" class="valor" id="id">6</p>

which is the exact id I’m currently searching for. Only in the input instead of the 6 value that is the user id, this message "Undefined"

Can someone help me?