javascript - 如何在 HTML 中打印 javascript 值?
问题描述
描述: 我从 Github 获取了一个纺车代码并对其进行了编辑,并创建了 2 个纺车。问题是,当轮子停止并选择一个数字(或字母)时,它会将其显示为警报 // alert(value); //。我想知道如何打印轮子下的数字而不是将其显示为警报。我试过 document.body.textContent += value; // 但它会在另一个空白页上显示结果。这是代码:
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="jquery-ui.min.js"></script>
<script type="text/javascript" src="src/rouletteWheel.js"></script>
<script type="text/javascript">
$(function(thisis){
var itemsToShow = 100;
var wheel = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100]
var items = {};
for(var i=0; i < itemsToShow; i++){
items[i] = wheel[i]
}
$('#canvas').rouletteWheel({
items : items,
selected : function(key, value){
alert(value);
},
spinText : 'Ticket Number',
});
});
</script>
<title></title>
</head>
<body style="background-color:black;" ></body>
<canvas id="canvas" width="740" height="740"></canvas>
</body>
</html>
解决方案
您需要指定或创建一个 HTML 元素来保存所述轮子的值。类似于...的东西
<div>
<h3> Results are: </h3>
<h3 id="result"></h3>
</div>
而不是警报功能使用类似的东西。
$("#result").text(value)
总体而言,您应该在问题描述中更加具体,并使您的脚本可以从片段中运行将帮助人们为您找到答案。