Мне нужно добавить окно сообщения и текстовое поле электронной почты и отобразить все в моей форме в теге msgresults

Question

Мне нужно добавить окно сообщения и текстовое поле электронной почты и отобразить все в моей форме в теге «msgresults».

Мне нужно добавить поле сообщения и текстовое поле электронной почты. Тогда мне нужно, чтобы вся информация отображалась в теге MsgResults. Радиобоксы уже показаны таким образом.

function validateForm(){
	var name = document.getElementById("name").value;
	var age = document.getElementById("age").value;
	if (name == "" || name == null){ 
		resultsMsg("We need your name please");
	}else{
		if(age == "" || name == null || isNaN(age)){
			resultsMsg("Please enter a number for your age");
		}else{
			if(!getSkill()){
				resultsMsg("Please select the type of problem you are having.");
			}else{
				resultsMsg("Type of Problem: " + getSkill());
			}//end else
		}// end function
	}
}
		function getSkill(){
			var isChecked = false;
			var theSelection;
			var skills = document.getElementsByName('skillset');
			for (var i=0; i < skills.length; i++){
				if(skills[i].checked){
					isChecked = true;
					theSelection = skills[i].value;
					break;
				}
			}
			if(isChecked){
				return theSelection;
			}else{
				return false;
			} // end else
	} // end function
		
	function resultsMsg(s){
		var resultsBox = document.getElementById("results");
		
		resultsBox.innerHTML=s;
	} // end function

<form name="form1" id="form1" action="" method="post">
	<label>Full Name:
	  <input type="text" id="name" name="name">
	</label>
	<br> <!-- new line here -->
		<label>Your Age: &nbsp;
		<input type="text" id="age" name="age">
	</label>
	<br> <!-- new line here -->
  	<input type="radio" name="skillset" value="Technical Issues">Technical Issues</br>
	<input type="radio" name="skillset" value="Recovery Issues">Recovery Issues</br>
	<input type="radio" name="skillset" value="Hardware Issues">Hardware Issues</br>
	<input type="radio" name="skillset" value="Software Issues">Software Issues</br>
	<input type="radio" name="skillset" value="Software Crashes">Software Crashes</br>
	<input type="radio" name="skillset" value="Hardware Malfunctions">Hardware Malfunctions</br>
	<input type="radio" name="skillset" value="General Problems">General Problems</br>
<input type="button" value="Submit" onClick="validateForm();">&nbsp; &nbsp;<input type="reset" value="Clear Form">
</form>
<div id="results"></div>

Answer 1

Если я правильно понимаю вашу цель, вы хотите добавить имя и возраст к результату-div, поверх «Типа проблемы», который уже показан. Это может быть легко достигнуто путем добавления правильных переменных к последнему else-l oop в вашей функции validateForm. Вероятно, что-то из следующего должно работать:

resultsMsg("Name: "+name+ "<br>Age: " +age+ "<br>Type of Problem: " + getSkill());