Как прочитать значение внешней переменной javascript из файла ejs - PullRequest
Новая
       20

Как прочитать значение внешней переменной javascript из файла ejs

0 голосов
/ 02 марта 2019

Я создаю веб-приложение Survey Builder, в котором я создал один файл .ejs и один файл .js и прикрепил их.Теперь я пытаюсь прочитать значение переменной .js из файла .ejs, но не могу этого сделать.Пожалуйста, помогите мне.

new.ejs

В этом файле напишите ejs.Файл js правильно подключен через footer.ejs 

<% include partials/header %>

<div class="container" style="margin-top: 80px">
		
	<h1 style="text-align: center;"> Add new Survey </h1>

	<div id="container">

		<form action="/surveys" method="POST">
			<div class="form-group">
				<input class="form-control" type="text" name="survey[name]" placeholder="Survey Name" >
			</div>
			<div class="form-group">
				<input class="form-control" type="text" name="survey[image]" placeholder="Survey Image URL" >
			</div>
			<div class="form-group">
				<input class="form-control" type="text" name="survey[description]" placeholder="Survey Description" >
			</div>

			<div class="form-group">
				<button class="btn btn-lg btn-primary btn-block">Submit</button>
			</div>
		</form>

		<div class="form-group">
			<ul id="list">
			</ul>
		</div>

		<a href="/survays">Go Back</a>

		<form>		
			<select name="element">
				<option value="type">Select Type</option>
				<option value="trueFalse">True/False</option>
				<option value="checkbox">CheckBox</option>
				<option value="radio">Radio</option>
			</select>
			<input type="button" value="add" onclick="add(document.forms[1].element.value)"/>
		</form>

	</div>
	
</div>

<% include partials/footer %>

файл script.js

Это файл JavaScript 

// $("ul").on("click", "li", function(){
// 	$(this).toggleClass("completed");
// });

alert("Connected")

var questions = [];

function sub(){
	return questions;
}

function add(type) {

	if (type === "type") {
		alert("Please select a question TYPE and then press add");
	}

	else if(type === "trueFalse"){
		var que = prompt("Please enter your Question:");
		questions.push({
			typ: type,
	        question: que,
	        opt1: "true",
	        opt2: "false"
    	});
		str = JSON.stringify(questions);
    	alert(str);
	}

	else if(type === "checkbox"){

		var que = prompt("Please enter your Question:");
		var op1 = prompt("Please enter Option 1:");
		var op2 = prompt("Please enter Option 2:");
		var op3 = prompt("Please enter Option 3:");
		var op4 = prompt("Please enter Option 4:");
		questions.push({
			typ: type,
	        question: que,
	        opt1: op1,
	        opt2: op2,
	        opt3: op3,
	        opt4: op4
    	});
		str = JSON.stringify(questions);
    	alert(str);
		
	}

	else if(type === "radio"){
		
		var que = prompt("Please enter your Question:");
		var op1 = prompt("Please enter Option 1:");
		var op2 = prompt("Please enter Option 2:");
		var op3 = prompt("Please enter Option 3:");
		var op4 = prompt("Please enter Option 4:");
		questions.push({
			typ: type,
	        question: que,
	        opt1: op1,
	        opt2: op2,
	        opt3: op3,
	        opt4: op4
    	});
		str = JSON.stringify(questions);
    	alert(str);

	}

	else{
		alert("Please select a question TYPE and then press add");
	}
}

$("ul").on("click", "span", function(event){
	$(this).parent().remove();
	event.stopPropagation();
});

// $("input[type='text']").keypress(function(event){
// 	if (event.which === 13) {
// 		var todoText = $(this).val();
// 		$(this).val("");
// 		$("#list").append("<li><span><i class='fa fa-trash'></i></span><input type=\"text\" name=\"fname\"></li>");
// 	}
// })

// $(".fa-plus-circle").click(function(){
// 	$("input[type='text']").fadeToggle();
// });
...