Javascript 更改'；随机'；指挥（排队） var PAR =文档.GETelEnMyBID（“彩虹”）；变量颜色=[“1-字母”、“2-字母”、“3-字母”、“4-字母”、“5-字母”、“6-字母”、“7-字母”、“8-字母”、“9-字母]； PAR.NEnHTML= PAR.InEntHyth.Self（''）.map（函数（c）{ 返回“+c+” }).加入（“”）；_Javascript

Javascript 更改'；随机'；指挥（排队） var PAR =文档.GETelEnMyBID（“彩虹”）；变量颜色=[“1-字母”、“2-字母”、“3-字母”、“4-字母”、“5-字母”、“6-字母”、“7-字母”、“8-字母”、“9-字母]； PAR.NEnHTML= PAR.InEntHyth.Self（''）.map（函数（c）{ 返回“+c+” }).加入（“”）；

javascript

Javascript 更改'；随机'；指挥（排队） var PAR =文档.GETelEnMyBID（“彩虹”）；变量颜色=[“1-字母”、“2-字母”、“3-字母”、“4-字母”、“5-字母”、“6-字母”、“7-字母”、“8-字母”、“9-字母]； PAR.NEnHTML= PAR.InEntHyth.Self（''）.map（函数（c）{ 返回“+c+” }).加入（“”）；,javascript,Javascript,我如何才能把得到正确的方式就像“颜色”不是“随机”。根据队列1-9，我仍然不太明白，但在考虑你的问题时，我想到了下面的小网页，有一个可以排序的数字范围（我认为更多的是你的原始问题），也可以根据内部数组（我认为现在更接近你的问题）给颜色。也许你可以根据你的任务调整一些 var par = document.getElementById("rainbow"); var colors = ["1-letter", "2-letter", "3-letter", "4-letter", "5-lette

我如何才能把得到正确的方式就像“颜色”不是“随机”。根据队列1-9，我仍然不太明白，但在考虑你的问题时，我想到了下面的小网页，有一个可以排序的数字范围（我认为更多的是你的原始问题），也可以根据内部数组（我认为现在更接近你的问题）给颜色。也许你可以根据你的任务调整一些

var par = document.getElementById("rainbow");
var colors = ["1-letter", "2-letter", "3-letter", "4-letter", "5-letter", "6-letter", "7-letter", "8-letter", "9-letter"];

par.innerHTML = par.innerHTML.split('').map(function(c) {
    return "<span class='" + colors[Math.floor(Math.random() * colors.length)] + "'" + ">" + c + "</span>"
}).join('');


随机彩虹
这些数字是随机的：213768954
排序方式
（功能（）{
var state=document.getElementById（'state'），
numbers=document.getElementById（'numbers'），
sorter=document.getElementById（'sorter'），
styler=document.getElementById（'styler'），
颜色=
[‘红色’、‘绿色’、‘蓝色’，
“红色”、“绿色”、“蓝色”，
“灰色”、“洋红”、“黄色”]
sorter.addEventListener（'click'，function（）{
numbers.textContent=numbers.textContent.split（“”）.sort（）.join（“”）
state.textContent='sorted'
})
styler.addEventListener（'click'，function（）{
变量i=0，位数=number.textContent.split（“”）
numbers.textContent=“”
数字。forEach（函数（数字）{
var colored=document.createElement（'span'）
colored.textContent=数字
colored.style.color=颜色[i++]
数字。追加子项（彩色）
})
})
})()

您可能需要在

par.innerHTML.split（“”）

上使用

Array.sort（）

。对不起，您到底想做什么？好吧，现在您正在费力地对“rainbow”的innerHTML什么都不做。你想做什么？我想把css单词（和颜色）放到队列中。你能给我们画一幅画吗？在HTML之前和之后编写一些代码，显示您希望看到的更改。好吧，这很好！但是，是否可以将结果（当您同时单击这两个按钮时）放入？没有action@r4nd3l8888当然用两个事件监听器的主体替换所有按钮和事件代码。不，我的意思是在没有任何按钮和不必要的代码的情况下得到结果。只是队列中有颜色的单词。

<!doctype html>
<title>random rainbow</title>

<p>These numbers are <span id=state>random</span>: <span id=numbers>213768954</span></p>

<button id=sorter>Sort</button>  <button id=styler>Style</button>

<script>
(function() {
  var state = document.getElementById('state'),
      numbers = document.getElementById('numbers'),
      sorter = document.getElementById('sorter'),
      styler = document.getElementById('styler'),
      colors =
        [ 'red', 'green', 'blue',
          'red', 'green', 'blue',
          'grey', 'magenta', 'yellow' ]

  sorter.addEventListener('click', function() {
    numbers.textContent = numbers.textContent.split('').sort().join('')
    state.textContent = 'sorted'
  })

  styler.addEventListener('click', function() {
    var i = 0, digits = numbers.textContent.split('')
    numbers.textContent = ''
    digits.forEach(function(digit) {
      var colored = document.createElement('span')
      colored.textContent = digit
      colored.style.color = colors[i++]
      numbers.appendChild(colored)
    })
  })
})()
</script>