js怎么点击文本框换文字就像一个聊天文字游戏一样,点击进行下一句对话...

发布网友 发布时间:2022-04-23 07:42

我来回答

2个回答

热心网友 时间:2022-04-23 14:38

<div id="txt" value="" style="width:400px;height: 300px;border:1px solid red;" >点击此处开始</div>
<script>
var clickIndex = 0;
var textArray=["第一句话","第2句话","333","444","555"];
window.onload = function() {
var ts = document.getElementById("txt");
ts.onclick = function() {
if(clickIndex<textArray.length){
document.getElementById("txt").innerHTML = textArray[clickIndex];
clickIndex++;
}else{
alert("结束");
}
}

}
</script>

热心网友 时间:2022-04-23 15:56

你看下这个行不行呢?
<input id=txt type=text value=""/>
<span>点我1</span><span>点我2</span><span>点我3</span><span>点我4</span>
<script>
window.onload=function(){
var ts=document.getElementsByTagName("span");
for(var i=0;i<ts.length;i++){
ts[i].onclick=function(){
document.getElementById("txt").value+=this.innerHTML;
}
}
}
</script>追问这个不行啊,我需要的是像是文字对话那种的

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com