0
'use strict'

let message = document.querySelector('.message').value,
    result = document.querySelector('.result'),
    button = document.querySelector('.button');


button.onclick = () =>{
    switch (message.value) {
        case 'Привет Бот' && 'Привет':
            result.innerHTML = ('Привет Человек')
            break;
        case 'Пока Бот':
            result.innerHTML = ('Пока человек')
            break;
        case 'Как дела?':
            result.innerHTML = ('Хорошо!')
            break;
        default:
            result.innerHTML = ('Извните, я не понял ваш вопрос')
            break;
    }
}
3
  • почему ты думаешь, что не работает?
    – Grundy
    28 мар 2020 в 10:11
  • 1
    Так case 'Привет Бот' && 'Привет': работать не будет 28 мар 2020 в 10:20
  • 2
    @AntonShchyrov, будет :) просто не совсем так, как ожидает автор
    – Grundy
    28 мар 2020 в 10:25

2 ответа 2

2

Вы уже в строчке let message = document.querySelector('.message').value взяли текст у элемента, поэтому здесь message.value происходит ошибка. Должно быть просто switch (message) {

1
  • 1
    взяли текст у элемента, поэтому здесь message.value происходит ошибка - ну не, просто проверяется значение undefined
    – Grundy
    28 мар 2020 в 10:12
1

Как вам описали в комментарии и ответе - вы два раза берете текст у элемента. И конструкция к тому же с && не будет работать. я немого переработал алгоритм, добавил обработку случаев с введением вариантов текста.

const button = document.querySelector('.button');
const result = document.querySelector('.result');
const input = document.querySelector('.input');

button.addEventListener('click', () => {
    const message = input.value.trim().toLowerCase();
    switch (true) {
        case message.includes('Привет'.toLowerCase()):
            result.textContent = 'Привет Человек';
            break;
        case message.includes('Пока'.toLowerCase()):
            result.textContent = 'Пока человек';
            break;
        case message.includes('Как дела'.toLowerCase()):
            result.textContent = 'Хорошо!';
            break;
        default:
            result.textContent = 'Извните, я не понял ваш вопрос';
            break;
    }
});
<input class = 'input'/>
<button class= "button">send</button>
<div class= 'result'></div>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.