修改單詞組合生成器

我已經在課堂上學會了如何生成一個可以生成輸入單詞的所有組合的功能。但是，如何使它不會出現一個窗口提示或警報彈出來輸入單詞並在提示框中顯示所有組合，我想在屏幕上顯示結果。我如何通過我已經寫好的代碼來做到這一點？修改單詞組合生成器

這是我的完整代碼：

<!DOCTYPE html> 
<html> 
<title>Combinations of a Word</title> 
<body> 
<script> 
function combinations(str){ 
var substr = []; 
for (var x = 0; x < str.length; x++) 
{ 
for (var y = x + 1; y <= str.length; y++) 
{ 
    substr.push(str.substring(x,y)); 
} 
} 
return substr; 
} 
document.write(combinations(window.prompt("Please enter a word"))); 
</script> 
</body> 
</html>

來源

2015-02-10 Piratica

請問您可以共享html代碼嗎？ – robieee 2015-02-10 06:22:44

一定要在一分鐘內添加它 – Piratica 2015-02-10 06:34:22

只需

<input type="text" id="word"/> 
<div id="comb"></div>

的JavaScript

function combinations(str) { 
    var substr = []; 
    for (var x = 0; x < str.length; x++) { 
     for (var y = x + 1; y <= str.length; y++) { 
      substr.push(str.substring(x, y)); 
     } 
    } 
    return substr; 
} 

var input = document.getElementById('word'); 
var out = document.getElementById('comb'); 
input.addEventListener('keyup', function(e){ 
    out.innerHTML = combinations(this.value).join(','); 
});

FIDDLE

PS - 你的c組合碼錯了

來源

2015-02-10 06:58:46

非常感謝你！太棒了。那我做錯了什麼？當我在計算機上執行代碼時，代碼正在工作。請解釋。 – Piratica 2015-02-10 07:07:31

在語法上它是正確的，但是現在我想知道的是[組合]（http://www.themathpage.com/aprecalc/permutations-combinations-2.htm）是什麼意思：D。如果你正在獲得所需的輸出，那就沒問題。 – 2015-02-10 07:13:25

修改單詞組合生成器

回答

相關問題