javascript - 如何将修改后的值返回到数组中

Question

我正在解决问题，希望有人能给我指出正确的方向。问题是找到句子中最长的单词，然后返回最长单词大写的句子。到目前为止，我已经能够找到句子中最长的单词并将其大写，但我无法返回包含大写单词的句子。

    var capitalize = document.getElementById('capitalize');
    var myOutput = document.getElementById('output');
    var myInput;
    
    capitalize.addEventListener('click',function(){
    	myInput = document.getElementById('input').value;
    
    	mySplitInput = myInput.split(' ');
    	
    	var longest='';
    	for(var i = 0 ; i < mySplitInput.length; i++){
    		if( mySplitInput[i].length > longest.length){
    			longest = mySplitInput[i].toUpperCase();
    
    		}
    	};
    	
    	var content = document.createTextNode(longest);
    	myOutput.appendChild(content);
    
    });
    

    
      <input type="input" id="input">
    	<button id="capitalize">capitalize</button>
    	<div id="output"></div>

Answer 1

存储最长单词的索引以及单词本身。然后，您可以用大写版本覆盖带有该索引的单词，并用空格将分割的句子重新粘在一起。

var capitalize = document.getElementById('capitalize');
var myOutput = document.getElementById('output');
var myInput;

capitalize.addEventListener('click',function(){
  myInput = document.getElementById('input').value;

  mySplitInput = myInput.split(' ');

  var longestIndex,
      longest='';
  for(var i = 0 ; i < mySplitInput.length; i++){
    if( mySplitInput[i].length > longest.length){
      longestIndex = i;
      longest = mySplitInput[i].toUpperCase();
    }
  };
  
  mySplitInput[longestIndex] = mySplitInput[longestIndex].toUpperCase();

  var content = document.createTextNode(mySplitInput.join(' '));
  myOutput.appendChild(content);

});

<input type="input" id="input">
<button id="capitalize">capitalize</button>
<div id="output"></div>