Advertisement
coder21

dialogue

Oct 7th, 2022 (edited)
1,188
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <title>
  5.             an original title
  6.         </title>
  7.     </head>
  8.    
  9.     <body bgcolor="#d4efd8">
  10.         <center>
  11.             <br>
  12.             <input type="text" id="textbox" onkeyup="define()">
  13.             <button onclick='clicked()'>dialogue</button>
  14.             <p id="a"></p>
  15.         </center>
  16.         <script>
  17. function define(){
  18.     var text=document.querySelector("#textbox").value
  19.     var table={};
  20.     var subtable={};
  21.     for(let i=0;i<text.split(' ').length;i++){
  22.         table[i.toString()]=text.split(' ')[i]
  23.         setTimeout(()=>{
  24.            for(v=0;v<table[i.toString()].length+1;v++){
  25.               subtable[i.toString()+"_"+v.toString()]=table[i.toString()].substring(v,v-1)
  26.             }
  27.       },25);
  28.     }
  29. }
  30. function clicked(){
  31.     for(a=0;a<text.split(' ').length;a++){
  32.         for(i=0;i<table[(a).toString()].length;i++){
  33.             document.querySelector("#a").innerText=document.querySelector("#a").innerText+(subtable[(a).toString()+'_'+(i+1).toString()])
  34.         }
  35.     }
  36. }
  37.         </script>
  38.     </body>
  39. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement