Atributo value o placeholder para modificar datos

[DkarnDuuk]

Hola,

Gracias por tu respuesta, pero no me funciona del todo bien el código. La primera parte la hace bien: pone en el atributo placeholder 'juan' (aunque lo pone difuminado).

Código Javascript:

document.addEventListener('DOMContentLoaded', function(){
        var elem = document.querySelector('#myId'); 
        elem.placeholder = 'juan';
        
        alert(elem.placeholder);
    });
 

pero la segunda parte no, ya que al enviar el formulario me dice que el campo está vacío:

Código Javascript:

document.querySelector("form").addEventListener("submit",function(event) {
event.preventDefault();
            alert('form submited');
            if(!elem.value) {
                elem.value = 'juan';
            }
        });
 

He probado alguna otra cosilla en el código, pero no consigo que funcione.