Fatal编程技术网

HTML和JavaScript证明编写器

javascript html

HTML和JavaScript证明编写器,javascript,html,Javascript,Html,我之前问了一个关于这个项目的问题，但我有一个新问题。我正在尝试制作一个两列的校对编写器，但我在一些代码方面遇到了问题。这是相对简单的东西，但出于某种原因，我一直在尝试的东西都不起作用。代码如下： <HTML> <body> <font size="5"> <p align="center"> <p1>Insert Given:</p1> <div align="center"; id="Input1">

我之前问了一个关于这个项目的问题，但我有一个新问题。我正在尝试制作一个两列的校对编写器，但我在一些代码方面遇到了问题。这是相对简单的东西，但出于某种原因，我一直在尝试的东西都不起作用。代码如下：

<HTML>
<body>
<font size="5">
<p align="center">
<p1>Insert Given:</p1>
<div align="center"; id="Input1">
    <form id='user-input'>
        <input type='text' id='given' placeholder='Given Information'></input>
    </form>
<p2>Insert Statement<br>to Prove:</p2>
<br>
<div align="center"; id="Input2">
    <form id='user-input'>
        <input type='text' id='prove' placeholder='Statement to Prove'></input>
    </form>
<button id='Submit' Value='Edit' onClick="edit()">Submit</button>
<p id="demo"></p>
<script>
  function edit()
{
       var x = document.getElementById('given').value;
       var y = document.getElementById('prove').value;
       print x;
}

</script>
<br>
<head>
<style>
table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}
th, td {
    padding: 5px;
}
</style>
</head>

<body>

<table style="width:100%">
<col Width="15">
<col Width="300">
<col Width="500">
  <tr>
    <th>Step Number</th>
    <th>Step</th>       
    <th>Explaination</th>
  </tr>
  <tr>
    <td>1</td>
    <td><var="x"></var></td>        
    <td>Given</td>
</table>
</div>
</body>
</html>




插入以下内容：
插入语句
以证明：


提交


函数编辑（）
{
var x=document.getElementById（'given'）。值；
var y=document.getElementById（'prove'）。值；
打印x；
}


表，th，td{
边框：1px纯黑；
边界塌陷：塌陷；
}
th，td{
填充物：5px；
}
步骤号
步
解释
1.
鉴于
我想让它做一些它目前拒绝做的事情。首先，我只希望onclick函数edit（）显示x的值，以便确保它接受用户的输入。另一件令我恼火的事情是，我找不到在函数下面基于HTML的表中打印此变量的方法。如果用户对给定的东西说（角度ABD被Ray BC一分为二），例如，我希望它作为给定语句显示在第一行，然后我将从那里开始，让代码检查不同的假设、定理等，直到根据用户输入的“要证明的语句”创建所需的证明

很抱歉，我的代码凌乱且缺乏经验，我只是HS的一名新生，所以我已经很久没有使用JavaScript和HTML了

我打算对属性和假设等做一些“如果……那么”的陈述，比如说如果“前一步”是一致性陈述（我将检查格式词）而“证明陈述”是相等的陈述，那么（br或者不管你如何扩展表，（a）=（b）而不是（a）=（b））。如果你知道一种更好的方法来调整这个系统，可以节省我很多时间，我非常乐意接受一些建议。

将你的“print x”替换为“console.log（x）”，因为我认为print不是一个有效的JS语句

要将数据输出到表中，您可能需要查看类似“.innerHTML”的内容。要使用它，您必须使用“document.getElementById（'ID'）”来“查找”DOM元素（可能是通过给它一个ID），然后使用“.innerHTML”将内容写入表。

要将数据输出到表中（也称为“DOM操纵”），最好使用jquery。这将使代码更短，更容易理解。我仍然有点困惑如何在HTML表中调用JS。如果我在表中输入document.getElementByID（“Input1”）.innerHTML，它将不会接受它，因为它是一个JS命令而不是HTML命令。哦，如果我不清楚，很抱歉。我的意思是，您可以在javascript中使用该代码将内容写入HTML（它在HTML中不起作用，它是javascript代码。此外，您必须为要写入内容的实际行（而不是整个表）指定一个ID。因此，我是否要在标记中添加ID=“Whatever”，然后在JS函数中说like document.getElementById（'whater'）.innerHTML？还是我在JS函数中说：document.getElementById（'s id'）。innerHTML.value='x'？我假设您想把给定的'x'值放在'gived'上和'1'下的值中：HTML:在JS中更改为（在其末尾）add:document.getElementById（'givenValue'）。innerHTML=x；