添加图像到测验结果javascript
Adding image to quiz results javascript
我做了一个个性测验,并有一个警报的一切工作,但现在我想要警报告诉我的具体结果,然后为页面去可能是一个弹出图像或另一个页面与图像重复的结果。
这是代码的测试结果部分。我应该在for循环部分添加图像吗?或者再做一个for循环?我实际上是很新的JS,我不完全确定下一步是什么。
我应该以任何形式使用类吗?或者是img。SRC的出路是什么?
var chosen = nations[0];
for (i=1; i<nations.length; i++) {
if (chosen.score <= nations[i].score) {
chosen = nations[i];
}
}
alert ("You belong to the nation of " + chosen.name + " !");
我想你是在谈论一个基于结果的不同选项的模态。上述说法肯定是正确的。查看下面的JS文档,它展示了如何基于不同的结果实现一些DOM操作。
js小提琴
var win = 0,
result = Math.random();
document.getElementById( "myBtn" ).addEventListener( "click", successImage );
if ( result < .33 ) {
document.getElementById( "image1" ).style.display = "block";
} else if ( result < .66 ) {
document.getElementById( "image2" ).style.display = "block";
} else {
document.getElementById( "image3" ).style.display = "block";
}
function successImage () {
win++;
if ( win % 2 !== 0 ) {
document.getElementById( "modal" ).style.display = "block";
} else {
document.getElementById( "modal" ).style.display = "none";
}
}
您应该在循环之后创建/更改图像。一旦循环完成,它将被处理。一种方法是在页面上放置图像,例如ajax加载gif并获取images元素并在循环完成时将src设置为新图像,例如
document.getElementById('imageId').src = 'myimage.jpg';
你也可以动态地创建image元素,像这样
var image = document.createElement('img');
image.setAttribute('src','myimage.jpg');
document.body.appendChild(image);
相关文章:
- 奇怪的Javascript结果
- Javascript(jQuery)给了我奇怪的结果
- 数组删除重复结果Javascript
- 比较数组中的连续元素不会返回任何结果(javascript)
- split(' ') 函数没有给出正确的结果 Javascript
- 如何产生结果Javascript嵌套缺陷
- I'm试图使用onclick函数显示函数的结果.(javascript)
- 计算结果Javascript中不同数字的数量
- 以 HTML 格式显示计算结果 (javascript)
- 没有得到预期的结果 - javascript
- 从函数返回结果 - JavaScript
- 在一行中返回来自三元的结果(JavaScript)
- 骰子效果-如何在最后显示假结果和真结果(JavaScript)
- WebGL纹理加载结果(Javascript)类型错误
- 限制搜索结果Javascript
- IF语句多个答案-相同的结果Javascript
- 双异步循环,如何保证正确排序顺序的最终结果?(javascript)
- 添加图像到测验结果javascript
- 奇怪的结果javascript比较
- 如何改变iFrame结果JavaScript警告框