javacriptを使用して2つの入力を並列に入力する

Question

2つの入力を同時に入力する簡単な作業を実行しようとしています。 は、ここで私はW3Schoolsのエディタでこれを試してみました

function autofilltitle(){ 
    var title_en=document.getElementById('title_en'); 
    var title_id=document.getElementById('title_id'); 
    var title_pt_br=document.getElementById('title_pt-br'); 
    var data =title_en.value; 
    title_id.value=title_en.value; 
    title_pt_br.value= title_en.value; 
} 

javascriptのコードであり、それが正常に動作しています。しかし、私のローカルマシン上では機能しません。コンソールにエラーは表示されませんが、タスクは完了しません。

HTML：

<input type="text" value=""name="title_en" id="title_en" data-required="1" class="form-control" placeholder="Title" onkeyup="autofilltitle()" /> 
<input type="text" value=""name="title_pt-br" id="title_pt-br" data-required="1" class="form-control" placeholder="Title" onkeyup="autofilltitle()" /> 
<input type="text" value=""name="title_id" id="title_id" data-required="1" class="form-control" placeholder="Title" onkeyup="autofilltitle()" /> 

Answer 1

あなたはinput要素でのEventListenerが欠落しています。イベントリスナーが設定されていない場合

、機能が自動的に

function autofilltitle(){ 
 
    var title_en=document.getElementById('title_en'); 
 
    var title_id=document.getElementById('title_id'); 
 
    var title_pt_br=document.getElementById('title_pt-br'); 
 
    var data =title_en.value; 
 
    title_id.value=title_en.value; 
 
    title_pt_br.value= title_en.value; 
 
}

<input id="title_en" onkeyup="autofilltitle()" /> 
 
<input id="title_id" /> 
 
<input id="title_pt-br" />