Question

我尝试学习javascript，我得到了章节递归函数。我想在页面上打印与console.log中相同的内容（isPalindrome（＆＃39; racecar＆＃39;））。

text.substr(1, text.length - 2) aceca
text.substr(1, text.length - 2) cec
text.substr(1, text.length - 2) e

＆＃13;

function isPalindrome(text) {
	if(text.length <= 1) {
		return true;
	}
	if(text.charAt(0) != text.charAt(text.length - 1)) {
		return false;
	}
	console.log("text.substr(1, text.length - 2)", text.substr(1, text.length - 2));
	
	return isPalindrome(text.substr(1, text.length - 2));
}


var form = document.getElementById("palindrome");
var formInput = document.getElementById("palindromeText").value;

document.getElementById("submit").addEventListener("click", function () {
	document.getElementById("preCode").innerHTML = isPalindrome(formInput);
});

＆＃13;

html, body, input, select, textarea{
    font-size: 1.05em !important;
}
h4 {
  margin-top: 50px;
}

＆＃13;

<html>
<head>
	<title></title>
	<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" />
	
</head>
<body>
	<div class="row">
	    <div class="col-md-6 col-md-offset-3">
	        <h2 class="text-primary text-center">Palindrome Text</h2>
	        <form name="palindrome" id="palindrome">
		        <div class="form-group">
		            <input type="text" class="form-control" id="palindromeText" />
		        </div>
		        <buton id="submit" class="btn btn-success">Check text</buton>
		    </form>
	    </div>
	</div>
	<div class="row">
		<div class="col-md-6 col-md-offset-3">
			
			<div id="preCode" class="code">
				
			</div>
		</div>
	</div>
	<script src="palindrome.js"></script>
</body>
</html>

＆＃13;

因此，除非您修改代码并手动添加isPalindrome（＆＃39; yourText），否则现在不起作用。我在顶部如何向我展示console.log中的进程。我试过，但没有成功，据我所知，做同样的事，但要在页面中显示而不是console.log。

有人可以帮我一把吗？

Answer 1

您的palindrome.js文件似乎未正确加载。当我尝试在此页面上运行代码段时，我在控制台中看到此错误消息：

你是如何托管这些文件的？

您可能需要提供palindrome.js的路径才能正确加载。如果index.html和palindrome.js都在同一目录中，请尝试：

<script src="./palindrome.js"></script>

PS-如果你发布一个关于plunkr的链接或者我们可以编辑和摆弄底层源代码的东西，我们会更容易帮助你。

在页面上显示一个函数内部的进程

1 个答案: