Есть пара изменений, которые вам, возможно, понадобится сделать.
addItem
в <button onclick=addItem()
должны быть внутри кавычек. id
. идентификатор должен быть уникальным. label
внутри ввода. Вот почему вы не можете видеть текст метки. label
for
. Помимо доступности он также будет проверять и снимать флажок, если вы нажмете на текст. Например, если вы нажмете Eat
& amp; Sleep
текст в вашем примере, он не будет вносить никаких изменений в флажок. Но в этом примере, если вы создадите флажок через ввод и нажмете на текст, вы увидите изменение в состоянии флажка. script.js
для других библиотечных файлов. Это может вызвать ошибку, если script.js
имеет какую-либо зависимость от библиотеки. Сначала загрузите библиотеку, затем загрузите пользовательские файлы
let input = document.getElementById('input');
let addButton = document.getElementById('addButton');
let removeButton = document.getElementById('removeButton');
let ul;
let li;
let inputTag;
const addItem = () => {
let getItem = input.value;
console.log(getItem)
ul = document.getElementById('list');
li = document.createElement('li');
inputTag = document.createElement('input');
inputTag.type = 'checkbox';
inputTag.id = 'check_' + getItem;
let label = document.createElement('label');
label.setAttribute('for', 'check_' + getItem)
let newItem = document.createTextNode(getItem, );
label.appendChild(newItem);
//inputTag.appendChild(label);
li.appendChild(inputTag);
li.appendChild(label);
ul.appendChild(li);
input.value = '';
}
const removeItem = () => {
}
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Hello, world!</title>
<div class="container">
<div class="controls">
<h1>Todo App</h1>
<input type="text" id="input">
<button onclick="addItem()" id="addButton">Add</button>
<button id="removeButton">Remove</button>
</div>
<ul id="list">
<li class="mycheck">
<input type="checkbox" id="check">Eat
</li>
<li class="mycheck">
<input type="checkbox" checked id="checkSleep">Sleep
</li>
</ul>
</div>
Ну, сначала нужно сделать учебник Hello World, а затем учебник Notepad.
http://developer.android.com/guide/tutorials/notepad/index.html
После этого множество фрагментов кода можно найти в разделе Пример кода .
Я также Настоятельно рекомендуем этот сайт , который предоставляет множество учебных пособий.
вы можете поставить точки останова в коде и ждать, пока выполнение не поразит их. Затем вы можете просмотреть код и использовать часы, чтобы узнать значения переменных.
Здравствуйте, Android: Представляем платформу мобильной разработки Google - довольно хорошая книга начального уровня. Это одна из книг прагматичных программистов, так что она охватывает основы без излишеств, но на самом деле ничего не понимает.Кроме того, я настоятельно рекомендую использовать Eclipse с плагины. Это делает разработку и тестирование намного проще.
Немного поздно, но в любом случае ...
Если вы хотите погрузиться в кодирование, не зная, что происходит за кулисами, я бы начал с книги Hello Android по предложению fiXedd. Лично мне книга не понравилась, так как я хотел лучше теоретически понять платформу и используемые методы, прежде чем я попаду в руки.
Поэтому Профессиональная разработка приложений для Android (от программиста Wrox до программиста) мне больше подошла. Если вы совершенно новичок в Android (как и я), я лично считаю, что это лучший подход, по крайней мере, вы не будете чувствовать себя настолько перегруженным всеми новыми вещами.
Я также настоятельно рекомендую вам использовать Eclipse с подключаемым модулем Android во время разработки, это значительно упрощает жизнь.
/ Линус