Форум

Brick · #1 (**permalink**) 15.08.2018, 15:30

<!DOCTYPE html>
 <head>
	 <title>Скрипт</title>
	 <meta charset="UTF-8"/>
	 <link rel="stylesheet" href="" type="text/css"/>
 </head>
	 <body>

<input type="button" onClick="Ok()" value="Написать">
<br>
<span id="post"></span>
<script>
function Ok()
{
p=document.getElementById('post').innerHTML;
var q = prompt("Сообщение:","");
{
msg="<span id='p1'>"+q+"</span>"+"<input type='button' onClick='R()' value='Ред'><br>"+p;
document.getElementById("post").innerHTML=msg;
 }}
</script>

	 <script>
function R()
{
q=document.getElementById('p1').innerHTML;
txt = prompt("Редактировать:",q);
{
document.getElementById("p1").innerHTML=txt;
}}
</script>

</body>
 </html>

Помогите пожалуйста.
есть скрипт который,создает текстовые сообщения в id=post
как сделать чтоб каждое такое сообщение имело своё id с номером p1,p2,p3... и тд и можно было их редактировать функцией R
как это реализовать,помогите пожалуйста

рони · #2 (**permalink**) 15.08.2018, 21:38

Brick,
на всякий случай http://jsbeautifier.org/

<!DOCTYPE html>

<head>
    <title>Скрипт</title>
    <meta charset="UTF-8" />
    <link rel="stylesheet" href="" type="text/css" />
</head>

<body>

    <input type="button" onClick="Ok()" value="Написать">
    <br>
    <span id="post"></span>
    <script>
        function Ok() {
            p = document.getElementById('post').innerHTML;
            var q = prompt("Сообщение:", ""); {
                msg = "<span id='p1'>" + q + "</span>" + "<input type='button' onClick='R()' value='Ред'><br>" + p;
                document.getElementById("post").innerHTML = msg;
            }
        }
    </script>

    <script>
        function R() {
            q = document.getElementById('p1').innerHTML;
            txt = prompt("Редактировать:", q); {
                document.getElementById("p1").innerHTML = txt;
            }
        }
    </script>

</body>

</html>

более ничем помочь не могу

Brick · #3 (**permalink**) 15.08.2018, 22:15

рони,
спасибо

Brick · #4 (**permalink**) 15.08.2018, 22:19

здесь надо как-то создать пишим пост у него id=p1,и функция R1
след пост у него id=p2,и функция R2
и тд. след на 1ед больше, у 10 поста id=p10,и функция R10
пишутся посты функцией Ok и ред функцией R
кто знает помогите пожалуйста

есть предложение, написать 100 функций,но это долго и никому не выгодно+громоздко

Aetae · #5 (**permalink**) 15.08.2018, 23:44

Парниша, это основы основ. Начинай уже чему-нить учиться, вечно за тебя писать не будут.

<!DOCTYPE html>
 
<head>
    <title>Скрипт</title>
    <meta charset="UTF-8" />
    <link rel="stylesheet" href="" type="text/css" />
</head>
 
<body>
 
    <input type="button" onClick="Ok()" value="Написать">
    <br>
    <span id="post"></span>
    <script>
        var index = 0;
        function Ok() {
            index++;
            var q = prompt("Сообщение:", ""); 
            var msg = "<span id='p" + index + "'>" + q + "</span>" + "<input type='button' onClick='R(" + index + ")' value='Ред'><br>";
            document.body.insertAdjacentHTML('beforeend', msg);
        }
    </script>
 
    <script>
        function R(index) {
            q = document.getElementById('p' + index);
            var txt = prompt("Редактировать:", q.innerHTML); 
            q.innerHTML = txt;
        }
    </script>
 
</body>
 
</html>

Brick · #6 (**permalink**) 16.08.2018, 00:23

Aetae,
Спасибо огромное!
учится надо на примерах)

Brick · #7 (**permalink**) 16.08.2018, 00:28

Aetae,
посоветуйте,что изучить,что почитать ,что б такие вещи знать и не спрашивать

Brick · #8 (**permalink**) 16.08.2018, 00:33

этот код:
document.body.insertAdjacentHTML('beforeend', msg);  - этот код пишит сообщения,не в id-post, а под кнопкой?
можно заменить этим:
document.getElementById("post").insertAdjacentHTML('beforeend', msg); 
?

https://developer.mozilla.org/ru/docs/Web/API/Element/insertAdjacentHTML

Форум

Справочник

Discord чат

Курсы javascript