Как отправить данные в форме с javascript

Question

Я часами искал, но не нашел решения. Я хочу автоматизировать человеческую работу с помощью JS, я провел несколько тестов на выборочных сайтах, и это сработало. Но на конкретном сайте c у меня возникает следующая проблема на странице входа:

OBS: я делаю это в консоли браузера для тестов.

var username = window.document.getElementById("username")
undefined
var password = window.document.getElementById("password")
undefined
var signin = window.document.querySelector(".splButton-primary.btn")
undefined
username.value = "usuariovalue"
"usuariovalue"
password.value = "passwordvalue"
"password value"
signin.click()

но я получаю это сообщение:> common. js: 27 POST https://siteexemple/en-US/account/login 401 (неавторизовано). Если я ввожу имя пользователя и пароль вручную на сайте, а затем нажимаю кнопку с помощью JS, все работает.

Я не вижу разницы.

Следуйте блоку код сайта:

  <form method="post" class="loginForm" action="/en-US/account/login">
        <div style="display: none" data-cid="view200" class="account-login-firsttime" data-view="views/account/login/FirstTime" data-render-time="0">
		<h2>First time signing in?</h2>
		<p>If you've forgotten your username or password, please contact your Splunk administrator.</p>
		<table>
    			<tbody><tr>
       			<td>username</td>
        		<td>admin</td>
    			</tr>
    			<tr>
 		        <td>password</td>
        		<td>changeme</td>
			</tr>
			</tbody>
		</table>
	</div>
	<fieldset>   
        	<div class="control account-login-textcontrol control-default" data-cid="view197" data-view="views/account/login/TextControl" data-name="username" data-render-time="0">
	        	<span class="uneditable-input " data-role="uneditable-input" style="display:none"></span>	        
			<input type="text" name="username" class="  " value="" autocomplete="off" id="username" placeholder="Username">	            	            	        	</div>
		<div class="control account-login-textcontrol control-default" data-cid="view199" data-view="views/account/login/TextControl" data-name="password" data-render-time="0">	        
		<span class="uneditable-input " data-role="uneditable-input" style="display:none"></span>	        
		<input type="password" name="password" class="  " value="" autocomplete="off" id="password" placeholder="Password">	            	            	        	</div><input class="splButton-primary btn" type="submit" value="Sign in">
           	<input type="hidden" name="cval" value="1900007162">
            	<input type="hidden" name="return_to" value="/en-US/">
        </fieldset>
   </form>

Вы можете мне помочь? Я начинаю с JS.