在JavaScript中未定义_Javascript_Html

在JavaScript中未定义

javascript html

在JavaScript中未定义,javascript,html,Javascript,Html,我又回来了，这次我的HTML文本显示“未定义”。我做了一些关于这意味着什么的研究，我尝试了一切，但我仍然无法让它发挥作用让我们看看 h1{ 字体系列：草书； } 钮扣{ 字体系列：josefinsans；字体大小：30px；边界半径：10px；背景色：红色；颜色：白色； } 输入{ 字体系列：josefinsans；字体大小：25px； } & 试验 % var jobValue=document.getElementById（'txtJob'）.value var twople

我又回来了，这次我的HTML文本显示“未定义”。我做了一些关于这意味着什么的研究，我尝试了一切，但我仍然无法让它发挥作用


让我们看看
h1{
字体系列：草书；
}
钮扣{
字体系列：josefinsans；
字体大小：30px；
边界半径：10px；
背景色：红色；
颜色：白色；
}
输入{
字体系列：josefinsans；
字体大小：25px；
}
&


试验


%
var jobValue=document.getElementById（'txtJob'）.value
var twople=document.getElementById（'twoPpl'）.value
var skip=“&”；
var newVar=作业值+跳过；
var finVar=newVar+twoPeople；
函数myFunction（）{
var x=document.getElementById（“演示”）
var y=document.getElementById（“名称”）；
x、 innerHTML=Math.floor（（Math.random（）*100）+1）；
document.getElementById（'people'）.innerHTML=finVar；
}

注意，在加载站点时，您只需读取一次“jobValue”和“twoPeople”的值。以下是一个可能的解决方案：

<!DOCTYPE html>
<html>
<title>Lets See</title>
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet">
<style>
    h1 {
        font-family: cursive;
    }
    button {
        font-family: josefin sans;
        font-size: 30px;
        border-radius: 10px;
        background-color: red;
        color: white;
    }
    input {
        font-family: josefin sans;
        font-size: 25px;
    }

</style>
<body>

<input id="txtJob" type="text" name="txtJob"> & <input type="text" id="twoPpl" name="twoPpl"> <br><br>
<button onclick="myFunction()">Test</button>

<h1 id="people" name="people" style="float: right;"></h1><br><br><h1 style="float: right;">%</h1><h1 style="float: right;" id="demo"></h1>

<script>
    function myFunction() {
        var jobValue = document.getElementById('txtJob').value
        var twoPeople = document.getElementById('twoPpl').value
        var skip = "&nbsp;& ";
        var newVar = jobValue + skip;
        var finVar = newVar + twoPeople;
        var x = document.getElementById("demo")
        var y = document.getElementById("name");
        x.innerHTML = Math.floor((Math.random() * 100) + 1);
        document.getElementById('people').innerHTML = finVar;
    }
</script>

</body>
</html>


让我们看看
h1{
字体系列：草书；
}
钮扣{
字体系列：josefinsans；
字体大小：30px；
边界半径：10px；
背景色：红色；
颜色：白色；
}
输入{
字体系列：josefinsans；
字体大小：25px；
}
&


试验


%
函数myFunction（）{
var jobValue=document.getElementById（'txtJob'）.value
var twoPeople=document.getElementById（'twoPpl'）.value
var skip=“&”；
var newVar=作业值+跳过；
var finVar=newVar+twoPeople；
var x=document.getElementById（“演示”）
var y=document.getElementById（“名称”）；
x、 innerHTML=Math.floor（（Math.random（）*100）+1）；
document.getElementById（'people'）.innerHTML=finVar；
}

您没有ID为

twoPpl

或

txtJob

的元素。要重新表述@Carcigenicate，您提供了

输入

名称

s，但没有

ID

。我必须-1。这是你11天前问的问题，已经回答了。谢谢！现在我看到输入没有将信息存储到var中，因为数据没有更新。