вывод input в console log

Question

Хочу, чтобы данные, которые введены в инпут - логин и пароль отобразились у меня в консол логе. перерыл весь инет, но ничего толком не нашел.

<div class="main">

    <h1>Radmir test-server</h1>
    <p><strong>Login:</strong>
        <br>
    <input maxlength="25" size="40" name="login" id="alogin"></p>
    <p><strong>Password:</strong> 
        <br>
    <input type="password" maxlength="25" size="40" name="password" id="apass"></p>
    <a href="index.html">
            <button>
                <h2>Войти</h2>
            </button>
    </a>
</div>

Мои жалкие попытки что-то сделать

$(document).ready(function(){
    console.log(document.getElementById( 'alogin' ));
  })

Answer 1

document.getElementById('alogin').addEventListener('input', showInfo);
document.getElementById('apass').addEventListener('input', showInfo);


function showInfo(e) {
    console.log(e.target.value);
}

<div class="main">

    <h1>Radmir test-server</h1>
    <p><strong>Login:</strong>
        <br>
    <input maxlength="25" size="40" name="login" id="alogin"></p>
    <p><strong>Password:</strong> 
        <br>
    <input type="password" maxlength="25" size="40" name="password" id="apass"></p>
    <a href="index.html">
            <button>
                <h2>Войти</h2>
            </button>
    </a>
</div>

БЛОГ НА HUSL

вывод input в console log

Ответы (1 шт):