テキストフィールドに入力された文字の値を変更します

Question

たとえば、私はarrayOfCharactersの最初の要素としてテキストフィールドに入力された文字だけを解釈しようとしています。しかし、この種の作品は2文字目を入力すると機能しません。なぜこれが機能していないのか誰かが考えを持っているのだろうかと思っていました。ありがとう！

let arrayOfCharacters = ["‛¯¯٭٭¯¯(▫▫)¯¯٭٭¯¯", "=^..^="] 

document.getElementById("input-area").onkeypress = function(evt) { 
    let val = this.value 
    //Transform the typed characters 
    this.value = val + arrayOfCharacters[0] 
} 

Answer 1

これは動作します：

var arrayOfCharacters = ["‛¯¯٭٭¯¯(▫▫)¯¯٭٭¯¯", "=^..^="] 
var totalValues = 0; 
document.getElementById("input-area").onkeypress = function(evt) { 
    evt.preventDefault(); 
    var val = this.value 
    //Transform the typed characters 

    // notice totalValues variable 
    this.value += arrayOfCharacters[totalValues]; 
    totalValues++; 
} 

例：あなたはその配列の最初の要素たびに等しい全体の値を設定している

https://jsfiddle.net/pn8h4rqt/