BG Development


  Reply to this topicStart new topicStart Poll

> Hangman game - Little Help - Function click()
Георги_33
Публикувано на: 13-03-2019, 18:48
Quote Post



Име: Георги
Група: Потребител
Ранг: Новопостъпил

Мнения: 3
Регистриран на: 09.03.19




Здравейте хора! Имам въпрос, направил съм бутони за които ми служат като азбука

<div id = "buttons">
<P>
<button id="A" onclick="click()" >A</button> &nbsp;
<button id="B" >B</button> &nbsp;
<button id="C" >C</button> &nbsp;
<button id="D" >D</button> &nbsp;
<button id="E" >E</button> &nbsp;
<button id="F" >F</button> &nbsp;
<br/>
</P>
<P>
<button id="G" >G</button> &nbsp;
<button id="H" >H</button> &nbsp;
<button id="I" >I</button> &nbsp;
<button id="J" >J</button> &nbsp;
<button id="K" >K</button> &nbsp;
<button id="L" >L</button> &nbsp;
<br/>
</P>
<P>
<button id="M" >M</button> &nbsp;
<button id="N" >N</button> &nbsp;
<button id="O" >O</button> &nbsp;
<button id="P" >P</button> &nbsp;
<button id="Q" >Q</button> &nbsp;
<button id="R" >R</button> &nbsp;
<br/>
</P>

<P>
<button id="S" >S</button> &nbsp;
<button id="T" >T</button> &nbsp;
<button id="U" >U</button> &nbsp;
<button id="V" >V</button> &nbsp;
<button id="W" >W</button> &nbsp;
<button id="X" >X</button> &nbsp;
<br/>
</P>
<P>
<button id="Y" >Y</button> &nbsp;
<button id="Z" >Z</button> &nbsp;
</p>

</div>

и после в скрипта имам следния код:

// Create an array of words
var words = [
"winter",
"monkey",
"bottle",
"pancake",
"cars",
"wedding"
];

var word = words[Math.floor(Math.random() * words.length)];

var displayeWord = " _ ".repeat(word.length);
document.write(displayeWord);

function click(){




Въпроса ми е каква фунцкия да създам, че при настискането на дадения бутон да замества празното място в думата ако бутона с дадената буква съвпада ?
Балагодаря предварително!
PMEmail Poster
Top
Антон Яначков
Публикувано на: 14-03-2019, 21:26
Quote Post



Име: Антон Яначков
Група: Потребител
Ранг: Почетен член

Мнения: 1039
Регистриран на: 27.07.16



Твоите колеги продължават да те отсвирват. Явно усещат, че скоро ще им вземеш хляба. Игра след игра създаваш. На предишната се беше постарал повече в интерфейса, а тук си го претупал. Ето как виждам аз нещата за тази функция:
CODE

<head>
<title>Пример за Dev</title>
<style>
body { background:rgb(178,255,178) }
button { font-size: 2vh; width:4vh }
div { font-size: 5vh }
</style>
<script>
var words = [
"winter",
"monkey",
"bottle",
"pancake",
"cars",
"wedding"
];
var NewP='';
var word = words[Math.floor(Math.random() * words.length)];
var displayeWord = " _ ".repeat(word.length);
var LenWord=word.length;

function Nachalo(){
 word=word.toUpperCase();
 document.getElementById('1').innerText=displayeWord;
}

function Logika(par){
NewP='';
 LL=displayeWord.replace(/ /g,'');
  for (i = 1; i <= LenWord; i++) {
      res1 = word.substring(i-1, i);
      res2 = LL.substring(i-1, i);
      if(res1==par){NewP=NewP+par;}else{NewP=NewP+res2;}
      if( i < LenWord ){NewP = NewP + " ";}
  }
document.getElementById('1').innerText=NewP;
displayeWord=NewP;
}

</script>
</head>

<body onload='Nachalo()' ><center>
<br><br>
<div id='1'></div>
<div id = "buttons">
<button id="A" onclick='Logika("A")' >A</button> &nbsp;
<button id="B" onclick='Logika("B")'  >B</button> &nbsp;
<button id="C" onclick='Logika("C")'  >C</button> &nbsp;
<button id="D" onclick='Logika("D")'  >D</button> &nbsp;
<button id="E" onclick='Logika("E")'  >E</button> &nbsp;
<button id="F" onclick='Logika("F")'  >F</button> &nbsp;
<br>
<button id="G" onclick='Logika("G")' >G</button> &nbsp;
<button id="H" onclick='Logika("H")' >H</button> &nbsp;
<button id="I" onclick='Logika("I")' >I</button> &nbsp;
<button id="J" onclick='Logika("J")' >J</button> &nbsp;
<button id="K" onclick='Logika("K")' >K</button> &nbsp;
<button id="L" onclick='Logika("L")' >L</button> &nbsp;
<br>
<button id="M" onclick='Logika("M")' >M</button> &nbsp;
<button id="N" onclick='Logika("N")' >N</button> &nbsp;
<button id="O" onclick='Logika("O")' >O</button> &nbsp;
<button id="P" onclick='Logika("P")' >P</button> &nbsp;
<button id="Q" onclick='Logika("Q")' >Q</button> &nbsp;
<button id="R" onclick='Logika("R")' >R</button> &nbsp;
<br>
<button id="S" onclick='Logika("S")' >S</button> &nbsp;
<button id="T" onclick='Logika("T")' >T</button> &nbsp;
<button id="U" onclick='Logika("U")' >U</button> &nbsp;
<button id="V" onclick='Logika("V")' >V</button> &nbsp;
<button id="W" onclick='Logika("W")' >W</button> &nbsp;
<button id="X" onclick='Logika("X")' >X</button> &nbsp;
<br>

А ето и линк за проба:
http://instrumenti.bivaood.com/interesni/Dev/word.html


Това мнение е било редактирано от Антон Яначков на 14-03-2019, 21:30
PMEmail PosterUsers Website
Top
1 потребители преглеждат тази тема в момента (1 гости, 0 анонимни потребители)
Потребители, преглеждащи темата в момента:

Topic Options Reply to this topicStart new topicStart Poll

 


Copyright © 2003-2019 | BG Development | All Rights Reserved
RSS 2.0