اساتید نظر بدید (تشخیص و تغییر رنگ کلمات بوسیله javascript)
سلام، یک ماهی میشه javascript رو یاد گرفتم، این اولین برنامه ساده و با استفاده از ایده و خلاقیت خودمه :n13:
اگه کسی راحل دیگه و آسونترشو به ذهنش میاد لطفا نظر بده :n40:
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
کد html :
کد:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body>
<h1 id="title">type any word</h1></br>
<input type="text" id="in" onkeyup="input()">
</body>
</html>
کد جاواسکریپت :
کد:
window.onload = title;
function input() {
document.getElementById("title").innerHTML = document.getElementById("in").value ;
title()
}
function title(){
var tag = document.getElementById("title");
var txt = tag.innerHTML;
var num = [0];
if(txt.indexOf(" ") > -1) {
var j = 1;
for (var i = 0; i < txt.length; i++) {
if(txt.charAt(i) == " "){
num[j] = i + 1;
j++;
}
}
tag.innerHTML = ""
setColor();
}
else {
tag.innerHTML = "<span style='color:orange'>" + txt.charAt(num[0]).toUpperCase() + "</span>" + txt.slice(num[0]+1)
}
function setColor(){
for (var k = 0; k < num.length; k++) {
var word = txt.charAt(num[k]);
tag.innerHTML += "<span style='color:orange'>" + word.toUpperCase() + "</span>" + txt.slice(num[k]+1,num[k+1]) ;
}
}
}
