Как создать кнопку на второй странице?

<html> 
     <head> 
      <title>The greatest MMO you will ever play</title> 
      <meta charset="UTF-8"> 
      <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
     </head> 
     <body> 
      <script> 
       function buyStuffWithPoints() 
       { 
       var points=prompt("How many points have you earned?"); 
       document.write("<p>Buy your items now and prepare for battle! Choose wisely.<p>"); 
       document.write("<p><img src = 'sword.jpg'/><p>"); 
       document.write("<p><img src = 'Waterskin.jpg' /><p>"); 
       document.write("<p><img src = 'charm.jpg' /><p>"); 
       document.write("<p><img src = 'Phone.jpg' /><p>"); 

       }   

      </script> 

      <input type="button" onclick="buyStuffWithPoints()" value="Start!" /> 
      <div> 
      <input type="button" onclick="buyStuffWithPoints()" value="Buy Sword(2500)!" /> 
      </div> 
     </body> 
    </html>

Так что в настоящее время происходит то, когда я запускаю его, он подсказывает мне ввести количество очков, затем он показывает две кнопки: «Начать!». и «Купить меч (2500)!». Затем, после нажатия кнопки «Пуск», на следующей странице отображаются 4 изображения предметов для покупки.Как создать кнопку на второй странице?

Я хочу, чтобы после того, как я ввел количество баллов, я хочу, чтобы он показывал «Начать!». кнопка. Затем на странице NEXT, на той же странице, где отображаются изображения, я хочу показать кнопку «Купить меч».

Я понимаю, почему он это делает, я просто не знаю, как его изменить. Кто-нибудь может мне с этим помочь?

источник

2016-01-22 Jetridder11

Вы [на самом деле не должны использовать 'document.write'] (http://stackoverflow.com/questions/802854/почему-это-документ-запись считается-а-плохо-практика). Помимо этого, может быть проще сделать все это на одной странице, как только вы получите правильное манипулирование DOM. –

Вы должны закрыть ваш р теги и вы должны избегать document.write

<html> 
    <head> 
     <title>The greatest MMO you will ever play</title> 
     <meta charset="UTF-8"> 
     <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    </head> 
    <body> 
     <script> 
      function buyStuffWithPoints() { 

       var points = prompt("How many points have you earned?"); 

       var html = "<p>Buy your items now and prepare for battle! Choose wisely.</p>" 
         + "<p><img src = 'sword.jpg'/></p>" 
         + "<div><input type=\"button\" onclick=\"buyStuffWithPoints()\" value=\"Buy Sword(2500)!\" /></div>" 
         + "<p><img src = 'Waterskin.jpg' /></p>" 
         + "<p><img src = 'charm.jpg' /></p>" 
         + "<p><img src = 'Phone.jpg' /></p>" 

       document.body.innerHTML = html; 
      } 
     </script> 

     <input type="button" onclick="buyStuffWithPoints()" value="Start!" /> 
    </body> 
</html>

источник

2016-01-22 22:38:58

Спасибо. Пока профессор использовал только document.write, поэтому я не знал, что это плохо, или даже есть другие способы. – Jetridder11

Нет проблем. Вы можете проверить ссылку Майка, чтобы узнать больше об этом. Если вы довольны ответом, не забудьте нажать на галочку :) –

Как создать кнопку на второй странице?

ответ

Смежные вопросы