저번에 스스로 해보겠다고 노력하겠다는 오징어인데요..
(닉언급죄송합니다!) 모찡님께서 친절히 예시로 설명도 해주셨는데 이해가 안됬어요.. (아참 3번은 고쳤습니다! 정말 쉬운부분에서 틀렸더군요 ㅎㅎ)
웹디자이닝인데, 제가 시작한지 얼마 안되서 기본기가 많이 딸립니다.
(모찡님, 도움은 감사한데 제가 결국 이해를 못했어요.. id를 불러오는 것 등등 ㅜㅜ)
우선 제가 텍스트박스에 Palindrome 을 찾으려고 하는데요,
이렇게 텍스트박스 옆에 True 혹은 False 로 나오게 하려고해요. (
을 쓰는거죠?)
제 자바스크립트 코딩은:
function isPalindrome(string) {
var reverse="";
var length=string.length;
string=string.toLowerCase();
for(var i=length; i >0;i--){
reverse+=string.charAt(i-1);
}
if(string==reverse){
return true;
}
return false;
}
function isWordPalindrome(){
var word=document.getElementById("input").value;
if(word!=""){
if(isPalindrome(word)) {
document.getElementById("result").innerText=true;}
else{
document.getElementById("result").innerText=false; }
}
else{ document.getElementById("result").innerText=""; }
}
function convertToArray(string) { return string.split(" "); }
그리고 HTML 텍스트박스 에다가 링크를 시켰어요.
...
<td><textarea name="comments" rows="10" cols="50" >Type your words here</textarea></br>
Number of Plaindromes: <span id="Textbox1_Result"></span>
...
(="valid.." 이거는 다른코딩이에요, 알파벳만체크하는.)
근데 이렇게 해도 안되네요.
----------------------------------------------------------------------
그리고 마지막 하나는
Textarea 에 palindrome이 몇개가 있는지 찾고, 밑에 Number of Palindromes: 숫자. 이렇게 해야하는데..
이건 모찡님께서 예시를 주셨지만 이해를 못했네요.. ㅜㅜ
function isPalindrom(str) {
return str == str.split('').reverse().join('');
}
document.addEventListener('DOMContentLoaded', function() {
var textbox1_result = document.getElementById('TextBox1_Result');
var textbox1_input = document.getElementById('TextBox1_Input');
textbox1_input.addEventListener('keyup', function() {
var words = this.value.split(' ');
textbox1_result.textContent = words.length;
}, false);
}, false);
그리고 제가 쓴 HTML
<input type="text" name="textbox1" id="input" ="valid(test1.textbox1); isPalindrome(test1.textbox1)" />
<span id = "result"></span>