모두, 이전에이 프로그램에 대한 질문을했지만 새로운 문제가 있습니다. 나는 두 개의 열로 구성된 필자를 만들려고 노력 중이며 일부 코드에 문제가 있습니다. 그것은 비교적 간단한 물건이지만, 웬일인지, 내가 시험해 보았던 아무것도 작동하지 않고 있었다. 코드는 다음과 같습니다 :HTML 및 JavaScript Proof Writer
<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>
나는 이것이 현재 거부하고있는 몇 가지 일을하고 싶습니다. 첫째, onclick 함수 edit()를 사용하여 x의 값을 표시하여 사용자의 입력을 수락하는지 확인할 수 있습니다. 내가 짜증나게하는 다른 점은 함수 밑의 HTML 기반 테이블에서이 변수를 인쇄하는 방법을 찾을 수 없다는 것입니다. 예를 들어, 사용자가 주어진 각도 (ABL 각도가 Ray BC에 의해 Bisected 됨)라고 말하면, 첫 번째 행에 지정된 구문으로 표시되도록하고 다른 위치에서 코드를 확인하여 작업을 수행합니다 , theorems 등 원하는 증거가 생성 될 때까지 "Statement to Prove"의 사용자 입력을 기반으로 작성
내 지저분한 코드와 경험이 없으므로 유감스럽게도 HS의 신입생이므로 일하지 않았습니다. 자바 스크립트와 HTML은 대단히 오래되었습니다.
속성에 대한 "if ... then"문장을 작성하려고합니다. 예를 들어 "이전 단계"가 일치 성명 (예 : 단어 서식 확인)과 "성명 (a) = ~ (b) 대신에 (a) = (b)를 확장한다고 가정합니다. 나에게 많은 시간을 절약 할 수있는이 시스템을 적용하는 더 좋은 방법을 안다면 나는 몇 가지 팁을 더 기꺼이 받아 들일 것입니다.
데이터를 표 (일명 "DOM 조작")로 출력하려면 jquery를 사용하는 것이 좋습니다. 코드를 더 짧고 이해하기 쉽게 만듭니다. –