値を変更してイベントリスナーを追加

Question

私はいくつかの入力を生成しており、それぞれにイベントリスナーを追加しています。ここで

は私が持っているもの：

for (var i = 0; i < 3; i++) { 
    var input = document.createElement("input"); 
    document.body.appendChild(input); 
    random = Math.floor((Math.random() * 100) + 1); 
    this.input.value = random; 
    input.addEventListener('focus', function(e) { 
    this.value += random * 2; 
    }) 
} 

Answer 1

inputのvalueが常に文字列です。 +は、そのオペランドのいずれかが文字列の場合に文字列の連結を行います。

だから、数としてそれを使用するvalueを解析したいと思う：私は数にthis.valueを強制する+を使用している、という点で

for (var i = 0; i < 3; i++) { 
 
    var input = document.createElement("input"); 
 
    document.body.appendChild(input); 
 
    random = Math.floor((Math.random() * 100) + 1); 
 
    this.input.value = random; 
 
    input.addEventListener('focus', function(e) { 
 
    this.value = +this.value + random * 2; 
 
    }) 
 
}

。その他のオプションは、parseInt,parseFloat、およびNumberです。

しかし、私はあなたのコードが何を試したことのないものだ各それら

に焦点を当てていたときに、値* 2を高めるためにどのように

を言いました。あなたのコードは に、 random * 2を追加しようとしました。ちょうどそれを倍にするには、それをダブル：私はまだ強調のために +を使用していますがあり

for (var i = 0; i < 3; i++) { 
 
    var input = document.createElement("input"); 
 
    document.body.appendChild(input); 
 
    random = Math.floor((Math.random() * 100) + 1); 
 
    this.input.value = random; 
 
    input.addEventListener('focus', function(e) { 
 
    this.value = +this.value * 2; 
 
    }) 
 
}

が、*は数にそのオペランドを強制されますので、this.value *= 2も働くだろう。

Answer 2

for (var i = 0; i < 3; i++) { 
    var input = document.createElement("input"); 
    document.body.appendChild(input); 
    random = Math.floor((Math.random() * 100) + 1); 
    this.input.value = random; 
    input.addEventListener('focus', function(e) { 
    this.value *= 2; 
    }) 
} 

私はそれが私のために