getElementById obtiene el elemento con esa identificación. Probablemente esté buscando querySelector en su lugar, que seleccionará el elemento que coincida con ese selector:

 function myFunction(){ document.querySelector("input[type='submit']").style.backgroundColor="blue"; }

Ha cometido tres errores en su fragmento de código

1. No le has dado () a la llamada de función
2. Ha escrito una ortografía incorrecta en el querySelector de la palabra "tipo"
3. Está llamando a la función getElementById() pero no le ha dado una identificación al cuadro de entrada

 <input type="submit" value="Login" onclick="myFunction()"> <!-- Project --> <script> function myFunction(){ document.querySelector("input[type='submit']").style.backgroundColor="blue"; } </script>

En la función de JavaScript, está utilizando 'getElementById', lo que significa que buscará los elementos DOM con la identificación que proporcionó, y el problema es que no proporcionó ninguna identificación.

Primero tienes que dar una identificación al botón

 <button id="some_id">Click</button>

Y luego alinee su función de esta manera.

 function myFunction(){ document.getElementById("some_id").style.backgroundColor="blue"; }