Javascript 我怎样才能拿到按钮；滚；在中间？
我试图让我的代码中的按钮滚动到视频中心的顶部，但我不太确定如何才能做到这一点？ 我尝试将按钮作为一个类，例如class=“button”，然后我尝试将其置于中心，但它就是不起作用。 我没有去css中任何与按钮相关的东西，一切都是在脚本中完成的 代码如下：Javascript 我怎样才能拿到按钮；滚；在中间？,javascript,html,css,Javascript,Html,Css,我试图让我的代码中的按钮滚动到视频中心的顶部，但我不太确定如何才能做到这一点？ 我尝试将按钮作为一个类，例如class=“button”，然后我尝试将其置于中心，但它就是不起作用。 我没有去css中任何与按钮相关的东西，一切都是在脚本中完成的 代码如下： <html> <head> <link rel="stylesheet" type="text/css" href="style.css" title="Default Styles"/> &l
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" title="Default Styles"/>
<script>
var r_text = new Array();
r_text[0] = "How can we become more self-organised in the next sprint?";
r_text[1] = "How can we improve our productivity, increase our velocity?";
r_text[2] = "How can we get better in Transparency and Visibility of issues and challenges?";
r_text[3] = "How can our PO help us, to focus more on the sprint goal?";
r_text[4] = "How can our SM help us improve our delivery?";
r_text[5] = "How can we be more T-shaped in the next sprint?";
r_text[6] = "How should we celebrate our successes more?";
r_text[7] = "How can we reduce our cycle times?";
r_text[8] = "How can we make our daily scrum more effective?";
r_text[9] = "How can we improve our delivery flow by applying WIP Limit?";
r_text[10] = "How can we improve our collaboration?";
r_text[11] = "How can I help someone else in the next sprint?";
r_text[12] = "How can we improve our Sprint planning event?";
r_text[13] = "How can we demonstrate Scrum Value Courage more?";
r_text[14] = "How can we demonstrate Scrum Value Respect more?";
r_text[15] = "How can we demonstrate Scrum Value Focus more?";
r_text[16] = "How can we demonstrate Scrum Value Commitment more?";
r_text[17] = "How can we demonstrate Scrum Value Openness more?";
r_text[18] = "How can we make Sprint Review more effective?";
r_text[19] = "How can I help PO breakdown user stories better?";
r_text[20] = "How can we improve user story refinement?";
r_text[21] = "How did you overcome a dfficult situation/chalenge?";
r_text[22] = "How can we be more confident about our delivery?";
r_text[23] = "How well do you communicate with others?";
r_text[24] = "How well the team communicates with each other?";
var talk = new Array();
talk[0] = "Talk about issues in our Processes";
talk[1] = "Talk about issues in the Team behaviour";
talk[2] = "Talk about what you want your team to do more";
talk[3] = "Talk about what you want the team to stop doing";
talk[4] = "Talk about what you want the team to start doing";
talk[5] = "Tell us about something that helped you during the sprint to achieve work";
talk[6] = "Talk about something you learnt during the previous sprint";
talk[7] = "Talk about your sprint experience through a sport's game?";
talk[8] = "Talk about your worst time during the sprint?";
talk[9] = "Talk about the biggest success during the sprint?";
talk[10] = "Talk about he major issue you faced during the sprint?";
talk[11] = "Talk about a most recent problem and how did you overcome it?";
talk[12] = "Talk about something that you feared during sprint planning however it was not mentioned at that time?";
talk[13] = "Talk about someone in the team you inspire from and why? Don’t mention the name";
var what = new Array();
what[0] = "What can Scrum Master to improve our Scrum Events?";
what[1] = "What made you feel happy?";
what[2] = "What made you feel unhappy?";
what[3] = "What was your key observations?";
what[4] = "What minor issues that slowed you down";
what[5] = "What can we change to make the biggest leap ahead?";
what[6] = "What did you see happening by someone you think everyone should try?";
what[7] = "What advise would you give to your team members? And why?";
what[8] = "What has been the biggest challenge so far?";
what[9] = "Which problems came up most frequently?";
what[10] = "What has been the most difficult situation in the sprint?";
what[11] = "What obstacles do you anticipate and how you think that can be addressed?";
what[12] = "What can we do to improve our Sprint planning event?";
what[13] = "What would you do differently in the next Sprint?";
what[14] = "What would you like to avoid in the next Sprint?";
what[15] = "What can we do to make our Scrum events more fun?";
what[16] = "What can we do to get full trust of our key stakeholders?";
what[17] = "What support do we need from our PO?";
what[18] = "What support do we need from our SM?";
what[19] = "What support do we need from our Stakeholders? Sponsrs/External…";
what[20] = "Describe the most difficult challenge team faced? What could have been done to avoid/fix it?";
what[21] = "What do you wish you could change in the way of working?";
what[22] = "What support do you need to achieve your sprint goal?";
what[23] = "What areas of your team WOW would you like to improve/change?";
what[24] = "What routinely gets in your way?";
what[25] = "What would you like your PO to do more and why?";
what[26] = "What would you like your SM to do less and why?";
var morefun = new Array();
morefun[0] = "Describe your feeling by naming a Movie. Explain";
morefun[1] = "Describe your feeling by singing a Song. Explain";
morefun[2] = "Describe your feeling by hands/body gestures.";
morefun[3] = "Describe your sprint experience by telling a story?";
morefun[4] = "Who's someone you admire in the team?";
morefun[5] = "What is your favorite quotes?";
morefun[6] = "Who had the most influence on you growing up?";
morefun[7] = "What advise can you give us?";
morefun[8] = "If you could go back in time, what would you like to change? Work or Life";
morefun[9] = "Show your best dance moves?";
morefun[10] = "Draw an emoji to show how you feel about the sprint";
morefun[11] = "How would you have handled Brexit?";
morefun[12] = "If you would become the Prime Minister what would be your top agenda items?";
morefun[13] = "Do an animal impression (please don’t tell)";
morefun[14] = "Do an impression of a Cartoon character (please don’t tell)";
morefun[15] = "If you had a 30 hours a day, how would you use the extra time?";
morefun[16] = "If you could swap your role with another team member, who would it be?";
morefun[17] = "Do a Bhangra dance?";
morefun[18] = "Ask anyone in the team to perform an act? Movie character, cartoon character etc…";
morefun[19] = "Stand on one leg and jump 5 times, or ask your PO to do this act?";
morefun[20] = "Ask your SM or PO to perform a celebration move, or could decide to do it yourself.";
var showshare = new Array();
showshare[0] = "Share your most recent learning experience?";
showshare[1] = "Share any productivity improvement tip with the team?";
showshare[2] = "Share your best moment during the Sprint and why?";
showshare[3] = "if you could change one thing about yourself what would you choose?";
showshare[4] = "If you could eliminate one thing from your daily routine what whould it be?";
showshare[5] = "If you could become an expert in any area instantly, what would it be?";
showshare[6] = "Share a tip to help others improve their ways of working?";
var goingtodo = new Array();
goingtodo[0] = "Do I/we understand the Product Vision? Team and I";
goingtodo[1] = "Do I/we understand the Sprint Goal? Why, Value, Benefits. Team and I";
goingtodo[2] = "Do I/we communicate well within the team? Team and I";
goingtodo[3] = "Do I/we communicate well outside the team? Team and I";
goingtodo[4] = "Do I/we collaborate with team and outside team? Team and I";
goingtodo[5] = "Do I/we openly raise issues and challenges? Team and I";
goingtodo[6] = "Do I/we openly talk about impediments?";
goingtodo[7] = "Do we ask each other for help and support?";
var videos = [{
id: 1,
url: "http://ebeessolutions.com/wp-content/uploads/2019/10/Dice-3d-1.mp4?autoplay=1",
text: function(){
return r_text[Math.floor(r_text.length*Math.random())];
}
},
{
id: 2,
url: "http://ebeessolutions.com/wp-content/uploads/2019/10/Dice-3d-2.mp4?autoplay=1",
text: function(){
return what[Math.floor(what.length*Math.random())];
}
},
{
id: 3,
url: "http://ebeessolutions.com/wp-content/uploads/2019/10/Dice-3d-3.mp4?autoplay=1",
text: function(){
return talk[Math.floor(talk.length*Math.random())];
}
},
{
id: 4,
url: "http://ebeessolutions.com/wp-content/uploads/2019/10/Dice-3d-4.mp4?autoplay=1",
text: function(){
return morefun[Math.floor(morefun.length*Math.random())];
}
},
{
id: 5,
url: "http://ebeessolutions.com/wp-content/uploads/2019/10/Dice-3d-5.mp4?autoplay=1",
text: function(){
return showshare[Math.floor(showshare.length*Math.random())];
}
},
{
id: 6,
url: "http://ebeessolutions.com/wp-content/uploads/2019/10/Red-dice.mp4?autoplay=1",
text: function(){
return goingtodo[Math.floor(goingtodo.length*Math.random())];
}
}
];
var currentTimeout = null;
window.onload = function() {
function rollVideo(numberRand) {
let playerDiv = document.getElementById("random_player");
if (document.querySelector("iframe") !== null) {
document.querySelector("iframe").remove();
}
let player = document.createElement("IFRAME");
let randomVideoUrl = videos[numberRand].url;
player.setAttribute("width", "640");
player.setAttribute("height", "390");
player.setAttribute("src", randomVideoUrl);
playerDiv.appendChild(player);
document.getElementById("text").innerHTML = "";
clearTimeout(currentTimeout);
currentTimeout = setTimeout(() => {
document.getElementById("text").innerHTML = videos[numberRand].text();
}, 3000);
}
document.getElementById("btn-roll").addEventListener("click", startRoll);
function startRoll() {
let currentNumber = Math.floor(Math.random() * videos.length);
rollVideo(currentNumber);
}
};
</script>
</head>
<button id="btn-roll">Roll</button>
<div id="random_player">
<div id="text"></div>
</div>
</html>
var r_text=新数组（）；
r_text[0]=“我们如何在下一次冲刺中变得更加自我组织？”；
r_text[1]=“我们如何提高生产力，提高速度？”；
r_text[2]=“我们如何提高问题和挑战的透明度和可见性？”；
r_text[3]=“我们的PO如何帮助我们更专注于sprint目标？”；
r_text[4]=“我们的SM如何帮助我们改进交付？”；
r_text[5]=“我们如何在下一次冲刺中变得更T形？”；
r_text[6]=“我们应该如何更多地庆祝我们的成功？”；
r_text[7]=“我们如何减少循环时间？”；
r_text[8]=“我们如何使我们的日常scrum更有效？”；
r_text[9]=“我们如何通过应用WIP限制来改善我们的交付流程？”；
r_text[10]=“我们如何改进合作？”；
r_text[11]=“在下一次冲刺中我如何帮助他人？”；
r_text[12]=“我们如何改进我们的冲刺计划活动？”；
r_text[13]=“我们如何才能更充分地展示Scrum的价值？”；
r_text[14]=“我们如何才能更尊重Scrum价值观？”；
r_text[15]=“我们如何才能更集中地展示Scrum价值观？”；
r_text[16]=“我们如何才能更多地展示Scrum价值承诺？”；
r_text[17]=“我们如何更充分地展示Scrum价值观的开放性？”；
r_text[18]=“我们如何使Sprint审查更有效？”；
r_text[19]=“如何帮助PO更好地分解用户故事？”；
r_text[20]=“我们如何改进用户故事的细化？”；
r_text[21]=“你是如何克服困难局面/挑战的？”；
r_text[22]=“我们如何才能对交付更有信心？”；
r_text[23]=“你与他人沟通得如何？”；
r_text[24]=“团队之间的沟通情况如何？”；
var talk=新数组（）；
talk[0]=“谈论我们流程中的问题”；
talk[1]=“讨论团队行为中的问题”；
talk[2]=“谈谈你希望你的团队做更多的事情”；
talk[3]=“谈谈你希望团队停止做什么”；
talk[4]=“谈谈你希望团队开始做什么”；
talk[5]=“告诉我们一些在冲刺过程中帮助你完成工作的事情”；
talk[6]=“谈谈你在上一次冲刺中学到的东西”；
talk[7]=“通过一项运动的游戏来谈论你的短跑体验？”；
talk[8]=“谈谈你在冲刺中最糟糕的时刻？”；
talk[9]=“谈谈冲刺中最大的成功？”；
talk[10]=“谈谈你在冲刺中面临的主要问题？”；
talk[11]=“谈谈最近的一个问题，以及你是如何克服它的？”；
talk[12]=“谈谈你在sprint计划期间害怕的事情，但当时没有提到它？”；
talk[13]=“谈谈你所激励的团队中的某个人及其原因？不要提及他的名字”；
var what=新数组（）；
什么[0]=“Scrum可以掌握什么来改进我们的Scrum事件？”；
什么[1]=“什么让你感到快乐？”；
什么[2]=“什么让你感到不快乐？”；
什么[3]=“你的主要观察结果是什么？”；
what[4]=“什么小问题让你慢下来了”；
什么[5]=“我们可以改变什么来实现最大的飞跃？”；
what[6]=“你认为每个人都应该尝试的人发生了什么事？”；
what[7]=“您会给团队成员什么建议？为什么？”；
what[8]=“迄今为止最大的挑战是什么？”；
what[9]=“最常出现的问题是什么？”；
什么[10]=“冲刺中最困难的情况是什么？”；
what[11]=“您预计会遇到哪些障碍，以及您认为如何解决这些障碍？”；
什么[12]=“我们可以做些什么来改进我们的冲刺计划活动？”；
what[13]=“在下一次冲刺中，你会有什么不同的做法？”；
what[14]=“您希望在下一次冲刺中避免什么？”；
什么[15]=“我们能做些什么让Scrum活动更有趣？”；
什么[16]=“我们能做些什么来获得关键利益相关者的充分信任？”；
what[17]=“我们需要采购订单提供哪些支持？”；
什么[18]=“我们需要SM提供什么样的支持？”；
what[19]=“我们需要利益相关者提供哪些支持？赞助商/外部…”；
什么[20]=“描述团队面临的最困难的挑战？可以采取什么措施来避免/解决它？”；
what[21]=“您希望在工作方式上改变什么？”；
什么[22]=“你需要什么样的支持来实现你的冲刺目标？”；
what[23]=“您希望改进/改变团队的哪些方面？”；
什么[24]=“什么经常妨碍你？”；
what[25]=“您希望您的采购订单做更多什么，为什么？”；
what[26]=“您希望您的SM少做些什么，为什么？”；
var morefun=新数组（）；
morefun[0]=“通过命名一部电影来描述你的感受。解释”；
morefun[1]=“通过唱歌来描述你的感受。解释”；
morefun[2]=“用手/身体姿势描述你的感受。”；
morefun[3]=“通过讲故事来描述您的冲刺体验？”；
morefun[4]=“团队中你崇拜的人是谁？”；
morefun[5]=“你最喜欢的语录是什么？”；
morefun[6]=“谁对你的成长影响最大？”；
morefun[7]=“你能给我们什么建议？”；
morefun[8]=“如果你能回到过去，你想改变什么？工作还是生活”；
morefun[9]=“展示你最好的舞步？”；
morefun[10]=“画一个表情符号来展示你对sprint的感觉”；
morefun[11]=“你会如何处理英国脱欧？”；
morefun[12]=“如果你想成为首相，你的首要议程是什么？”；
morefun[13]=“做一个动物的印象（请不要说）”；
morefun[14]=“做一个卡通人物的印象（请不要说）”；
morefun[15]=“如果你一天有30个小时，你会如何利用额外的时间？”；
morefun[16]=“如果你能与anoth交换角色
<div align="center">
<button id="btn-roll">Roll</button>
</div>