我正在使用旧的FizzBuzz练习,并使用textContent,尝试加载一个页面,其中每个值都在一个接一个的垂直位置列出。现在我得到的是:
12Fizz4BuzzFizz78FizzBuzz11Fizz1314FizzBuzz1617Fizz19BuzzFizz2223FizzBuzz26Fizz2829FizzBuzz3132Fizz34BuzzFizz3738FizzBuzz41Fizz4344FizzBuzz4647 Fizz49BuzzFizz5253FizzBuzz56Fizz5859FizzBuzz6162Fizz64Buzz6768FizzBuzz71Fizz7374FizzBuzz7677 Fizz79Buzz8283FizzBuzz8889 FizzBuzz9192Fizz94Buzz9798FizzBuzzBuzz
这是我的代码:
var n = 1, str = ""
while (n <= 100) {
if (n % 3 === 0 && n % 5 === 0) {
str = str + "FizzBuzz"
} else if (n % 3 === 0) {
str = str + "Fizz"
} else if (n % 5 === 0) {
str = str + "Buzz"
}
else {
str = str + n
}
n++
}
document.querySelector(".container").textContent = str
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p class="container"></p>
</body>
</html>
最佳答案
不要使用textContent
,因为它不包含任何格式。使用innerHTML
并在每个项目后放置<br>
标记。
var n = 1, str = ""
while (n <= 100) {
if (n % 3 === 0 && n % 5 === 0) {
str = str + "FizzBuzz<br>";
} else if (n % 3 === 0) {
str = str + "Fizz<br>";
} else if (n % 5 === 0) {
str = str + "Buzz<br>";
}
else {
str = str + n + '<br>';
}
n++;
}
document.querySelector(".container").innerHTML = str
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p class="container"></p>
</body>
</html>
关于javascript - FizzBuzz textContent问题,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/31485561/