그레이딩 시트에 이름을 표시하는 방법

Question

누군가이 코드를 도와 줄 수 있습니까?

이름, 코스 및 연도를 성적표에 표시하는 방법을 모르겠습니다. 이것은 단순한 등급 시스템입니다.

<p id="info"></p> 

그리고 당신은 자바 스크립트에이를 추가 할 수 있습니다 :

<table> 
<tr><td>Student Name:</td><td><input type="text" id="s_n" name="studn"></td></tr> 
<tr><td>Course and Year:</td><td><input type="text" id="c_y" name="crsy"></td></tr> 
<tr><td>Quiz 1:</td><td><input type="text" id="txt1" name="text1"></td></tr> 
<tr><td>Quiz 2:</td><td><input type="text" id="txt2" name="text2"></td></tr> 
<tr><td>Quiz 3:</td><td><input type="text" id="txt3" name="text3"></td></tr> 
<tr><td><button onclick="myFunction()">Total</button></td></tr> 
</table> 

<script> 
    function myFunction() { 
     var stud = document.getElementById("s_n").value; 
     var crs = document.getElementById("c_y").value; 
     var a = document.getElementById("txt1").value; 
     var b = document.getElementById("txt2").value; 
     var c = document.getElementById("txt3").value; 
     //var d = document.getElementById("txt4").value; 
     var total = parseInt(a) + parseInt(b) + parseInt(c); 
     document.getElementById("scores").innerHTML = total; 
    } 
</script> 
<p id="scores"></p> 

Answer 1

는 HTML에 추가 할 수 있습니다 여기에

코드의

var info = "Name: " + stud + ", Course & Year: " + crs; 
document.getElementById("info").innerHTML = info; 

Answer 2

당신은 단지 전체를 연결할 수 있으며, 함께 이름 :

document.getElementById("scores").innerHTML ="Name "+stud+ " total " +total; 

당신은 이런 식으로 뭔가를 할 수 있습니다 예를 https://jsfiddle.net/2dfempL0/1/

Answer 3

를 참조하십시오

<script> 
function myFunction() { 
    var stud = document.getElementById("s_n").value; 
    var crs = document.getElementById("c_y").value; 
    var a = document.getElementById("txt1").value; 
    var b = document.getElementById("txt2").value; 
    var c = document.getElementById("txt3").value; 
    //var d = document.getElementById("txt4").value; 
    var total = parseInt(a) + parseInt(b) + parseInt(c); 

    document.getElementById("scores").innerHTML = "<div><span class='student'>" + stud + "<span class='course'> " + crs + "</span><span class='total'>Total: " + total + " </span>"; 
} 
</script> 

이 지정된 HTML를 생성합니다 : 그 코드에 대한

<div> 
    <span class='student'>Student Name</span> 
    <span class='course'>Course</span> 
    <span class='total'>Total: value</span> 
</div>