Javascript 如何替换当前确定变量的用户提示'；用输入框输入s值？_Javascript_Html_Css

Javascript 如何替换当前确定变量的用户提示'；用输入框输入s值？

javascript html css

Javascript 如何替换当前确定变量的用户提示'；用输入框输入s值？,javascript,html,css,Javascript,Html,Css,这是我的密码。通过运行它可以看到，在加载任何CSS之前，会立即启动两个提示。其目标是消除用户收集变量值的提示，并将其替换为输入框（文本框），用户可以在输入框中输入信息，单击按钮，然后让代码的其余部分使用相同的变量进行操作。当我自己尝试这个方法时，我遇到了一些问题，但我想看看它是如何解决的主要问题是，在用户可以在输入框中输入信息之前，其余的javascript就启动了，这使得 CurrentTierCurrentBalance未定义 Fortnite Vbuck计算器 #头衔{ 文本对齐：居中

这是我的密码。通过运行它可以看到，在加载任何CSS之前，会立即启动两个提示。其目标是消除用户收集变量值的提示，并将其替换为输入框（文本框），用户可以在输入框中输入信息，单击按钮，然后让代码的其余部分使用相同的变量进行操作。当我自己尝试这个方法时，我遇到了一些问题，但我想看看它是如何解决的主要问题是，在用户可以在输入框中输入信息之前，其余的javascript就启动了，这使得

CurrentTier

CurrentBalance

未定义


Fortnite Vbuck计算器
#头衔{
文本对齐：居中；
}
#声明{
字体系列：“流沙”；
文本对齐：居中；
字体大小：粗体；
颜色：白色；
}
html{
背景图片：url（“FORTNITEBACKGROUNDv2.png”）；
}
var CurrentTier=prompt（“您当前的战斗通行证等级是多少？”）；
var CurrentBalance=prompt（“您当前有多少个VBuck？”）；
var剩余1to3=1500；
var剩余4to9=1400；
var剩余10到17=1300；
var剩余18到18=1100
var剩余19至25=1100；
var剩余26至33=1000；
var剩余34至34=900；
var剩余35至41=800；
var剩余42至50=700；
var剩余51至57=600；
var剩余58至63=500；
var剩余64至73=400；
var剩余74至82=300；
var剩余83至89=200；
var剩余90至97=100；
var保持在98to100=0；
如果（CurrentTier>=1&&CurrentTier=4&&CurrentTier=10&&CurrentTier=18&&CurrentTier=19&&CurrentTier=26&&CurrentTier=34&&CurrentTier=35&&CurrentTier=42&&CurrentTier=51&&CurrentTier=58&&CurrentTier=64&&CurrentTier=74&&CurrentTier=83&&CurrentTier=90&&CurrentTier=98&&CurrentTier您可以使用php，为了安装php，您必须使用XAMP之类的工具，或者只使用网站主机。关于如何在您的网站上安装php，有很多教程。我认为您可以更好地使用php来处理数据。请尝试添加以下内容：
<?php
include 'action_page.php';
?>

<!DOCTYPE html>
<html>
<head>
  <title>Fortnite Vbuck Calculator</title>
  <div id="Title"><img src="TitlePNGv2.png"></div>
  <link href='https://fonts.googleapis.com/css?family=Quicksand' rel='stylesheet'>
<style>
#Title {
  text-align:center;
}

#Declaration {
  font-family: "Quicksand";
  text-align:center;
  font-weight: bold;
  color:white;
}

html {
  background-image: url("FORTNITEBACKGROUNDv2.png");
}
</style>
<?php
  Echo "<form method='post' action='/action_page.php'>
  Battlepass tiers:<br>
  <input type='text' name='tiers'><br>
  Vbucks amount:<br>
  <input type='text' name='vbucks'>
  <input type='submit' value='Submit'>
  </form>";
?>
<script>
var CurrentTier = <?php echo $tiers; ?>;  <!-- Here you get the variables from the 
                                          php -->
var CurrentBalance = <?php echo $vbucks; ?>;
var Remaining1To3 = 1500;
var Remaining4To9 = 1400;
var Remaining10To17 = 1300;
var Remaining18To18 = 1100
var Remaining19To25 = 1100;
var Remaining26To33 = 1000;
var Remaining34To34 = 900;
var Remaining35To41 = 800;
var Remaining42To50 = 700;
var Remaining51To57 = 600;
var Remaining58To63 = 500;
var Remaining64To73 = 400;
var Remaining74To82 = 300;
var Remaining83To89 = 200;
var Remaining90To97 = 100;
var Remaining98To100 = 0;

if (CurrentTier >= 1 && CurrentTier <= 3) {
  var RemainingDeterminer = Remaining1To3;
}

if (CurrentTier >= 4 && CurrentTier <= 9) {
  var RemainingDeterminer = Remaining4To9;
}

if (CurrentTier >= 10 && CurrentTier <= 17) {
  var RemainingDeterminer = Remaining10To17;
}

if (CurrentTier >= 18 && CurrentTier <= 18) {
  var RemainingDeterminer = Remaining18To18;
}

if (CurrentTier >= 19 && CurrentTier <= 25) {
  var RemainingDeterminer = Remaining19To25;
}

if (CurrentTier >= 26 && CurrentTier <= 33) {
  var RemainingDeterminer = Remaining26To33;
}

if (CurrentTier >= 34 && CurrentTier <= 34) {
  var RemainingDeterminer = Remaining34To34;
}

if (CurrentTier >= 35 && CurrentTier <= 41) {
  var RemainingDeterminer = Remaining35To41;
}

if (CurrentTier >= 42 && CurrentTier <= 50) {
  var RemainingDeterminer = Remaining42To50;
}

if (CurrentTier >= 51 && CurrentTier <= 57) {
  var RemainingDeterminer = Remaining51To57;
}

if (CurrentTier >= 58 && CurrentTier <= 63) {
  var RemainingDeterminer = Remaining58To63;
}

if (CurrentTier >= 64 && CurrentTier <= 73) {
  var RemainingDeterminer = Remaining64To73;
}

if (CurrentTier >= 74 && CurrentTier <= 82) {
  var RemainingDeterminer = Remaining74To82;
}

if (CurrentTier >= 83 && CurrentTier <= 89) {
  var RemainingDeterminer = Remaining83To89;
}

if (CurrentTier >= 90 && CurrentTier <= 97) {
  var RemainingDeterminer = Remaining90To97;
}

if (CurrentTier >= 98 && CurrentTier <= 100) {
  var RemainingDeterminer = Remaining98To100;
}

var FinalBalance = CurrentBalance*1+RemainingDeterminer

function myFunction() {
    var PrintedRemaining = FinalBalance;
    document.getElementById("myText").innerHTML = PrintedRemaining;
}
</script>
</head>
<body onload="myFunction()">
  <div id="Declaration"><h1>If you finish the Battlepass, and do not spend any VBucks, you 
will have <span id="myText"></span> Vbucks.</h1></div><span id="myText"></span>
</body>
</html>


Fortnite Vbuck计算器
#头衔{
文本对齐：居中；
}
#声明{
字体系列：“流沙”；
文本对齐：居中；
字体大小：粗体；
颜色：白色；
}
html{
背景图片：url（“FORTNITEBACKGROUNDv2.png”）；
}
您还可以使用一些简单的“普通”JavaScript：

剩余功能（层）{
变量r，rmna=[[1，1500]，[4，1400]，[10，1300]，[18，110]，[19，1100]，
[26, 1000],[34,  900],[35,  800],[42, 700],[51,  600],
[58,  500],[64,  400],[74,  300],[83, 200],[90,  100],[98, 0]];
forEach（rm=>{if（rm[0]>tier）返回false；r=rm[1]}）；
返回r
}
功能设置积分（o）{
var tier=document.getElementById（“tier”）.value-0；
var cred=document.getElementById（“信用”）.value-0；
document.getElementById（“myText”）.innerHTML=cred+剩余（层）；
}

如果你完成了战斗通行证，并且没有花费任何费用，
你会有Vbucks。
是否要在文本框中显示输入的值？否，我希望用户在文本框中输入一个值，并将该值分配给变量CurrentTier（我将复制粘贴以获得CurrentBalance），然后让这些变量通过代码中的所有计算并正常使用。这实际上只是收集变量的用户数据的第一步，我想将这些变量从讨厌的提示更改为更友好的输入框。textbox在哪里？
<?php

function calculate(){
    if(isset($_POST['Submit'])){
        $tiers = $_POST['tiers']; /* This assigns the data from the form to the 
                                  variables */
        $vbucks = $_POST['vbucks'];
    }
}